Jump to content

SOLVED: How to shrink a gallery in mobile view

Go to solution Solved by Arch,

Recommended Posts

@Arch Took a look, generally this is why you don't want to have images that have text embedded directly in them. Because of this it makes it difficult to make adjustments to spacing and sizing because the text is fixed in place in the image. 

I'd consider splitting your text from your image so that you have more control over the layout

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Link to comment
  • Solution

@RyanDejaegher I COMPLETELY AGREE, but my boss wanted me to use those graphics no matter what, sigh, I even after I explained how it's bad on seo and layout etc, but I've managed to change it so that it shrinks on mobile now using the below code, thanks anyway!!

@media screen and (max-width:500px) {
[data-section-id="5ea59e152a97584d997986cb"] {
    width: 100% !important;
    height: auto !important;
}
}

Edited by Arch
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.