Problem hiding a section on mobile

JKIRK
Excursionist
55 0 7

Hi,

 

I have a problem with hiding a certain section on the homepage.

 

I can hide an image but not another, I copied the code so I'm not sure why it is not working.

 

Here is the code below:

Screenshot 2021-11-17 at 12.40.34 PM.png

Here is the website preview:

https://ov3d57nu4jruzyt1-59578056888.shopifypreview.com

 

Thanks

Replies 4 (4)

Zworthkey
Shopify Partner
5581 642 1565

@JKIRK 
Can you give me a screenshot of which section you want to hide on mobile?
Thank You.

JKIRK
Excursionist
55 0 7

Thanks for your reply, here is the section I want to hide:

shopify-section-1637120012f9f38e56

Screenshot 2021-11-17 at 12.46.51 PM.png

 

Thanks

 

Zworthkey
Shopify Partner
5581 642 1565

@JKIRK 
Paste this code at the top of the theme.scss file.

@media only screen and (max-width: 768px) {
div#shopify-section-1637120012f9f38e56 {
    display: none !important;
}
}





JKIRK
Excursionist
55 0 7

@Zworthkey I have pasted the code and still no luck.

Screenshot 2021-11-17 at 1.01.00 PM.png

 

I changed the section so 1637120012f9f38e56 is now 16371246489642ab67

 

Thanks