Jump to content

Avenue on Mobile

Recommended Posts

Using Avenue, which I am happy with except for one thing. I am okay with the lightbox and mousing over the images to see the title and description on the desktop. But on mobile devices I'd really like the user to be able to pinch-zoom. I understand that this is not possible if I use the lightbox, but it occurred to me that a stacked view of the images would allow that (and coincidentally not require a tap on the mobile "dot" - which no one uses).

However, I'd like the desktop version to continue to use the lightbox (with mouse-over for titles) and have the stacked version on the mobile devices (eg. iPhone, iPad).

Question: if using an index in Avenue, can the images show up on desktop with the lightbox, but show up stacked on mobile devices?

This would solve a lot of issues for a lot of people, I think.

Appreciate the help!


Link to comment
  • Replies 5
  • Created
  • Last Reply

If using a gallery page, the images are stacked both mobile and desktop. If the page is viewed ouside the index then it becomes a slideshow on desktop with mini thumbnails. Any pages with a slideshow, wall, or grid, gallerly block that are in an index are viewed the same both mobile and desktop. Wall or grid is seen first and if you select an image, it goes into a lightbox (if enabled) and becomes a slideshow. If the gallery block is set for stacked then there is no lightbox option, and the images are stacked both mobile and desktop. 

I too use avenue and have various types of galleries in my index .

my random views derrick Lee parker

Link to comment

Thanks for the reply!

Yes, I get that, but the Lightbox would be fine if pinch-Zoom worked on mobile. Would be great if there was code like “if mobile, show page as stack”. Also, I’m guessing that someone at Squarespace could figure out how to replace that little dot image on mobile with a circle with an “i” in the center so users would know to tap it to raise the title/description. 

Appreciate the help (and your site looks great).

Link to comment


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.