How can I hide different sections on mobile vs desktop?

Store Design
1

Hello I am trying to hide a section for the mobile version and another section for the desktop and tablet version

what i’m trying to do is make one slideshow appear on mobile and the other on computer and desktop

red color visible on desktop and tablet
blue color visible on mobile

my link https://kvn6yb4906wl3vup-17853927.shopifypreview.com

1 Like
2

@ATTIVO

i can’t see video please send screenshot section so i will guie you also mention hide mobile or desktop

1 Like
3

Captura de pantalla 2022-05-03 135248.png
Captura de pantalla 2022-05-03 135248.png1600×1026 315 KB

1 Like
4

@ATTIVO

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
#shopify-section-template--14221195051102__1651603685282c730b {display: none;}
}
@media screen and (max-width: 749px) {
#shopify-section-template--14221195051102__slideshow {display: none;}
}
1 Like