Is there a way to hide a specific section of my home page only on smartphones? I've tried using the code below but it's still showing up on my phone. Any advice?
@media screen and (max-width: 640px) {
#statistics .row {
visibility: hidden;
display: flex;
justify-content: center;
}
#statistics .row .columns {
visibility: hidden;
width: auto;
margin-top: 3em;
background: #fff;
color: #444;
text-align: center;
font-size: 85%;
}
#statistics .timer.count-title.count-number {
visibility: hidden;
color: #c22362;
font-size: 35px;
margin-bottom: 8%
}
#statistics .fa {
visibility: hidden;
color: #c22362;
}
}