Arch Posted June 18, 2020 Share Posted June 18, 2020 (edited) Site URL: https://www.arch-worldwide.com/ Hello, How can I shrink the width of a gallery in mobile view? Or is there a way to use css to replace each photo in mobile view? Edited June 19, 2020 by Arch Link to comment
RyanDejaegher Posted June 18, 2020 Share Posted June 18, 2020 @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 Arch 1 Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Solution Arch Posted June 19, 2020 Author Solution Share Posted June 19, 2020 (edited) @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 June 19, 2020 by Arch RyanDejaegher 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment