Slideshow hide ride theme

Store Design
1

My slideshow is too big for desktop view. Can I hide it but leave it visible on mobile?

IMG_7402
IMG_74021242×2208 535 KB

2

Hey @Connor1836

Please add this CSS code

  1. Go to Shopify Admin → Online Store → Themes
  2. Click ⋯ → Edit code
  3. Open:
    • assets/base.css
  4. Add your CSS at the bottom:
#shopify-section-template--24648653668737__93b945ae-7898-4f93-8d72-7fdd52834d11 {
  display: none;
}

@media (max-width: 480px) {

#shopify-section-template--24648653668737__93b945ae-7898-4f93-8d72-7fdd52834d11 {
  display: block;
}

}
3

Hey @Connor1836

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
slideshow-component {
    display: none !important;
}
}
</style>

RESULT:

image
image1900×897 296 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed