shin322 Posted September 9 Share Posted September 9 Hello, I want to increase space a bit more between images on only mobile. Seems like I am using Gallery with Masonry Grid. It doesn't give me an image block code, but only a section ID. Also I don't mind a code affecting the whole website since I need it in different pages either way. I would appreciate your help! Link to comment
Ziggy Posted September 9 Share Posted September 9 Can you share your website URL and this page? 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
Solution Spark-Plugin Posted September 9 Solution Share Posted September 9 (edited) Hello shin322! Hope you are doing well today! I'm here to assist you. Please follow these steps: Navigate to Pages > Website Tools > Custom CSS. Paste the following code into the CSS editor. Important Notes: This code is specifically for the Masonry Gallery and will only work on mobile devices. To adjust the gap between items, change the value in the code at grid-row-gap: 100px;. You can set it to any value you prefer, such as 50px, 20px, etc. /* Masonry to grid mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 100px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: 100% !important; } } Let me know if you need any further assistance! Edited September 9 by Spark-Plugin shin322 1 - Answered by Iuno from sparkplugin.com 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