SourceProjects Posted March 12 Share Posted March 12 Hello, I've noticed recently that Squarespace changes the order of the masonry gallery sections in mobile view - well the order isn't changed but the gallery is collapsed into two columns which makes it appear that the order has changed and the images that are supposed to sit next to each other no longer do. Please see example from my client's website here. I saw another thread on forcing masonry galleries to display as one column on mobile view but these CSS solutions are not working for me on this site... If anyone has any other ideas, would be very grateful! Elizabeth Gaffney Source Projects Branding Design, Business Support and Web Development ✉️ hello@sourceprojects.co 🖥️ www.sourceprojects.co Link to comment
Solution Ziggy Posted March 12 Solution Share Posted March 12 (edited) Try this Custom CSS: @media screen and (max-width: 767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; columns: 1 !important; } .gallery-masonry-item img { width: 100% !important; } } Edited March 12 by Ziggy SourceProjects 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
SourceProjects Posted March 12 Author Share Posted March 12 Thank you so much Ziggy, that worked! : ) Just a pity we can't seem to have. a masonry gallery mobile view that works the same way as in a grid gallery in mobile so images show in the order they're supposed to... But this one-column solution is brilliant for now! 🙏 Ziggy 1 Elizabeth Gaffney Source Projects Branding Design, Business Support and Web Development ✉️ hello@sourceprojects.co 🖥️ www.sourceprojects.co Link to comment
Ziggy Posted March 12 Share Posted March 12 1 hour ago, SourceProjects said: Just a pity we can't seem to have. a masonry gallery mobile view that works the same way as in a grid gallery in mobile so images show in the order they're supposed to... But this one-column solution is brilliant for now! 🙏 The order in a masonry gallery is always funky as it's trying to fit all of your images together. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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