Hide section for Mobile, Show on Desktop

Highlighted
New Member
1 0 0

I am about to lose my mind trying to figure this out. I've read so many forums where people have the solution but for some reason it is not working for me! 

The site is shopstartslimes.com

This is what I have so far: 

@media only screen and (min-width: 750px){
#shopify-section-16033143120dcf3052 {
display: none;
}
}
@media only screen and (max-width: 749px){
#shopify-section-hero-1 {
display: none;
}
}

 

How can I make the sections show up on mobile, hide on desktop and the other one vice versa?

0 Likes
Highlighted
Shopify Partner
621 90 152

paramSoft_0-1603347122641.png



Please explain more which section do you want to hide in mobile and show in desktop with screenshots

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes