Arch Posted June 18, 2020 Share Posted June 18, 2020 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? 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 Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
Arch Posted June 19, 2020 Author Share Posted June 19, 2020 @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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.