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

Store Design
1

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
2

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.

3

Hi there,

URL is britishmusicindustryawards.com

No password required.

4

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

5

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.

Screenshot_20220417-015159_Chrome.jpg
Screenshot_20220417-015159_Chrome.jpg1080×2400 258 KB

6

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.

7

Perfect! Thank you.