Jump to content

SOLVED: How to shrink a gallery in mobile view

Recommended Posts

  • Replies 2
  • Views 715
  • Created
  • Last Reply

@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

@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;
}
}

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.