Jump to content

Croppped images in gallery view (mobile)

Recommended Posts

Site URL: https://indigo-sailfish-pd2w.squarespace.com/gallery-2

Hi everyone. I'm trying to resize my gallery view in mobile because my images are horizontal and are getting cropped. I've tried a few different code snippets that I found but none seem to be working. I can modify the gallery's minimum height so that it fits mobile fine, but then it will crop the images' height on desktop view. Appreciate if anyone can give me a hand!

pass beanies2022

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Add to Design > Custom CSS

@media screen and (max-width:767px) {
/* List section height */
.user-items-list-item-container[data-section-id="62cbd281cdb16606df4ab82f"] ul {
    min-height: unset !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

I think this is the big flaw with squarespace's design. Video and images look different on mobile than desktop but they don't let you change it to make your site responsive. I have the same issue. I'm looking at Webflow which I'd rather not do because it is more complicated but SquareSpace images and video just don't look right on mobile. Good luck!

Link to comment

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.