(Squarespace) Change Slideshow Simple on Desktop to Slideshow Full on Mobile

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

#1. Add Slideshow Simple and Slideshow Full then find ID of both.

In my example, we will have: Slideshow Simple section[data-section-id=“677bdc49f0c8fb001e6ef930”]

Slideshow Full: section[data-section-id=“67b000adbc4546315b797381”]

#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 Full */
@media screen and (min-width:768px) {
  section[data-section-id="67b000adbc4546315b797381"] {
    display: none !important;
  }
}
/* Show Slideshow Full on Mobile - Hide Slideshow Simple */
@media screen and (max-width:767px) {
  section[data-section-id="677bdc49f0c8fb001e6ef930"] {
    display: none !important;
  }
}

1 Like