Jump to content

Change Index Gallery Layout Grid to Slideshow for mobile

Recommended Posts

Hi there --  I have a client who would like some adjustment to her mobile view. She likes the index gallery grid for three images for desktop and tablet, but on mobile the stack creates a bad intro to the site. She asked for it to be three images on the same row for mobile too. 

I tried targeting the image gallery for a max width of 33% but that just reduces the image -- they stay in a stack. Any way to remove the stack for tablet view? 

I'm wondering if she won't like this solve for mobile. I'm wondering if there's a way to create a media query to change the index gallery layout from grid to slideshow just for screens at 640px. 

Anyone got a solve for this? 


Site is heatheretheridge.com/welcome and it's the first index. 


Thanks for looking. 🙂






Screen Shot 2020-01-25 at 9.58.49 AM.png

Screen Shot 2020-01-25 at 9.58.56 AM.png

Screen Shot 2020-01-25 at 10.01.53 AM.png

Link to comment
  • Replies 0
  • Views 553
  • Created
  • Last Reply


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.