Jump to content

Gallery images too big on mobile

Recommended Posts

  • Replies 2
  • Views 416
  • Created
  • Last Reply
8 hours ago, IngridG said:

Site URL: https://www.mission-field.com/

Hi, 

On the homepage, I have a gallery slideshow block as the gallery:full. It is not resizing for mobile and I feel like I've tried a number of css tricks, all of which affect the gallery block itself, and not the images. Can anyone help? 

site is: https://www.mission-field.com/

I helpd you increase the image width on mobile, hope it help, feel to update the width: percentage value to fit your need

@media only screen and (max-width: 640px) {
        .gallery-slideshow-item-img img {
            height: auto !important;
            width: 200% !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
        }
}

image.thumb.png.c3897cb6186cbfa457447a467f5c6df4.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

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.