Manouk Posted February 14 Share Posted February 14 Hi, I'm looking for a CSS code on how to change the quantity of items shown on my instagram block. On desktop this is 5, but on mobile this obviously shows with an empty space. How can I make it an even number on mobile ONLY? 4 or 6 password: smoothie123 Thank you. Link to comment
Ziggy Posted February 14 Share Posted February 14 Can you share the website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Manouk Posted February 14 Author Share Posted February 14 9 minutes ago, Ziggy said: Can you share the website URL? https://manoukdebijl.com Link to comment
Ziggy Posted February 14 Share Posted February 14 The simplest solution would be to switch to using 4 or 6 images, but we may be able to remove the final one, and then you can adjust the mobile layout to remove the extra space. Add this to your Custom CSS: @media only screen and (max-width:767px) { .sqs-gallery-design-grid-slide:nth-child(5) { display:none !important; } } Then edit the page, go to mobile layout, and reduce the block height, and adjust the layout to suit the reduced height. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark 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