Jump to content

Portrait images cropped to landscape and galleries cropped to portrait on mobile

Recommended Posts

Hi guys, 

I am having issues with the mobile display of a site I am building. On the project pages, (which contain a gallery and then a number of portrait and landscape images below) all imagery displays correctly on desktop, but not on mobile. The two mobile issues are:

1. On mobile, the landscape gallery display as portrait. I want the gallery to be shown landscape on mobile, like the desktop.

2. Mo mobile, portrait imagery below is being cropped to landscape. I want these to be shown as portrait on mobile, like the desktop. I also don't want the landscape images to then be cropped portrait if I add code!

I have attached a desktop/mobile comparison for both issues. 

Could someone drop the CSS code for this? I know it is a relatively common problem.


Gallery - displayed corectly on desktop..png

Gallery - cropped wrongly on mobile..png

Portrait Images - Cropped wrongly on mobile..png

Portrait Images - Shown correctly on desktop..png

Link to comment
  • Replies 1
  • Views 249
  • 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.