How to hide section on mobile view only - Warehouse

[slatty]

Please can someone help me hide this promotional block section on mobile view so that it only shows on desktop please

Theme: Warehouse
URL: https://fvdvmdwkpcmoittf-63671140606.shopifypreview.com

Thanks In Advance! 🙂

[Litos · Accepted solution]

Hi @slatty,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 640px) {
  #shopify-section-template--16585046556926__6235d9c4-6db7-4c09-becd-e2d225c2a523 {
    display: none !important;
  }
}

Hope it helps!

[Litos · Accepted solution]

Hi @slatty,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 640px) {
  #shopify-section-template--16585046556926__6235d9c4-6db7-4c09-becd-e2d225c2a523 {
    display: none !important;
  }
}

Hope it helps!

[slatty]

Hey,

The code didn't work i'm afraid - its still showing on mobile 🙂

[Litos]

Hi @slatty,

Please send me the preview link, I will check it for you

[slatty]

Hi, 

here it is https://o4257gtz1gjqrlii-63671140606.shopifypreview.com

Thanks @Litos 

[Litos]

Hi @slatty,

Please add the code } here, it will work fine

[slatty]

Sorry, where do I find that please & do I put the same code you sent before?

[Litos]

Hi @slatty,

Please go to Assets > theme.css file, find '#shopify-section-template--16585046556926__6235d9c4-6db7-4c09-becd-e2d225c2a523' and add code as my instructions

[slatty]

Hi @Litos,

I have added the code next to the parts you mentioned but it's still not working. I may be doing something wrong I am afraid.

Please could I ask to share collaborator access as I am not great with coding

I don't mind paying for the help 🙂 

Kind Regards
Santino

[Litos · Accepted solution]

Hi @slatty,

Please add code here: