Buy me a coffee

Slideshow: Side by Side

#1. First, install Squarespace ID finder and find the ID of 2 Gallery Slideshows

In my example, we will have:

section[data-section-id="6655814af27321176a65fb4e"]

and

section[data-section-id="6655814af27321176a65fb50"]

and page ID:

#collection-6655814af27321176a65fb4d

slideshow-side-by-side-05-min

#2. Use this code to Custom CSS box

/* Side by side Slideshow */
body#collection-6655814af27321176a65fb4d:not(.sqs-edit-mode-active) {
& {
overflow: hidden;
}
  @media screen and (min-width:768px) {
    section[data-section-id="6655814af27321176a65fb4e"], section[data-section-id="6655814af27321176a65fb50"] {
     width: 50% !important;
    float: left !important;
    padding: 0px !important;
    height: 100vh !important;
  }  
  }
  @media screen and (max-width:767px) {
    .gallery-fullscreen-slideshow {
    height: 50vh !important;
}
  }
   .gallery-fullscreen-slideshow {
  margin-bottom: 0px !important;
  }
}

slideshow-side-by-side-06-min

#3. Result

slideshow-side-by-side-04-min

#4. Note:

slideshow-side-by-side-08-min

#5. Explain code

slideshow-side-by-side-07-min

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder