How can I hide a section from mobile display?

Hey!

I’m trying to hide a section from displaying on mobiles, it is the attached piece.

URL is: www.madmoments.co.uk

1 Like

@RogerAdams86

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
div#shopify-section-163050568205ca3a36 {
    display: none;
}
}

Hope this works.

Thanks!

1 Like

You’re amazing! Thanks :slightly_smiling_face:

1 Like

Hi @dmwwebartisan

For me, this solution didn’t work.

I’m using the Dawn theme, I tried to use your solution and copy-paste the answer to the bottom of my base.liquid file with changing the section id, it didn’t work

For anyone that is looking for answer but the solution does not work, just follow the video tutorial below. No need to find your section ID. Add this feature to ANY sections you want and ANY theme. No APP and its totally FREE.