Jump to content

Aspect ratio of product image carousel in mobile view

Recommended Posts

Site URL: https://www.fevronia.net





The products within my clients site display great on desktop view, and they display fine in mobile view too.

However when selecting a product in mobile view all the supporting imagery displays within a landscape carousel. This is fine for landscape imagery but portrait images crop awkwardly. Ideally I would like the carousel to expand vertically when a vertical image slides into view. But if not then I would like all images to display within a square aspect ratio.


A: Is there any CSS to enable each individual image within the mobile carousel to display fully without cropping?

B: Is there any CSS to change the default aspect ratio of the mobile image carousel from 'landscape' to 'square'? 



Link to comment
  • Replies 2
  • Views 567
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.