How can I hide specific sections on mobile and desktop views?

Hi there,

Within my active theme, I’m looking to stop the section ‘Slideshow’ from showing up on mobile devices and the section ‘Basic Image’ showing up on desktops.

Can you please advise on how to achieve this?

1 Like

Hi @Matticus ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

Hi there,

URL is britishmusicindustryawards.com

No password required.

Hi @Matticus ,

We check on your homepage. Can’t see the slideshow? Can you take pictures of those parts and how would you like to change?

Thanks you

Hi there,

The image is a screenshot from the mobile version of the site. The image circled is a single slide and the section I’d like removed from the mobile version.

Hi @Matticus ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
#shopify-section-16037437820a0c0a13 {
    display: none !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Perfect! Thank you.