Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

SOLVED: How to shrink a gallery in mobile view


Arch
Go to solution Solved by Arch,

Question

  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular 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

@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

Posted Images

2 answers to this question

Recommended Posts

  • 0

@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 post
  • 0

@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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...