How can I hide a section from mobile display?

Store Design
1

Hey!

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

URL is: www.madmoments.co.uk

RogerAdams86_0-1631287678466.png
RogerAdams86_0-1631287678466.png1222×154 61.5 KB

1 Like
2

@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
3

You’re amazing! Thanks :slightly_smiling_face:

1 Like
4

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

5

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.