Jump to content

Changing slideshow gallery to stacked images on Mobile- Brine Template

Recommended Posts

  • Replies 43
  • Views 2.8k
  • Created
  • Last Reply
Posted
39 minutes ago, Jlee1220 said:

Site URL: https://janelee.info/

Can anyone help me? I like how the slideshow works on Desktop but for Mobile it shrinks it to half the screen size when seeing slideshow. I would like to change to Stacked images on Mobile only. 

You can achieve that by assign 2 slideshow and use custom css to show/hide them accordingly

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
1 minute ago, Jlee1220 said:

@bangank36thank you so much, do you know what kind of page I should add images to achieve stacked look? 

add a gallery section under your desktop version, can use Simply gallery with 01 column?

image.thumb.png.cdfed5b1e685908e794b6372a1afac11.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
7 minutes ago, Jlee1220 said:

@bangank36 sorry where can I find that? I only see + create new page - gallery and no option for grid:simple

yeah, you can add a summary block with stacked gallery

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

- You should create a gallery page, move it to unlinked section

- Add a new index page section - add new gallery block, choose Use existing gallery ( format slideshow)

- Add another index page section, format stacked

So you got 2 images gallery on same page, then we can use css to show.hide

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
9 minutes ago, Jlee1220 said:

@bangank36 let me know if it works, I changed the settings 

I editting the page, since we use gallery block, it will not look exactly like the gallery page view, 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.