(Squarespace) Slideshow Simple on Desktop - Slideshow Reel on Mobile

To change Slideshow Simple on Desktop to Slideshow Reel on Mobile. You can do these.

#1. Add Slideshow Simple and Slideshow Reel then find ID of both.
In my example, we will have:
Slideshow Simple section[data-section-id=“677bdc49f0c8fb001e6ef930”]

Slideshow Reel: section[data-section-id=“67a0cae15b4dac0c9cefc848”]

#2. Use this code to Custom CSS box
If code doesn’t work, you can comment below, message or email me.

/* Show Slideshow Simple on Desktop - Hide Slideshow Reel */
@media screen and (min-width:768px) {
  section[data-section-id="67a0cae15b4dac0c9cefc848"] {
    display: none !important;
  }
}
/* Show Slideshow Reel on Mobile - Hide Slideshow Simple */
@media screen and (max-width:767px) {
  section[data-section-id="677bdc49f0c8fb001e6ef930"] {
    display: none !important;
  }
}

1 Like