LLO Posted January 25, 2022 Posted January 25, 2022 Site URL: http://www.life-less-ordinary.co.uk Hi! On desktop my images appear 3 per row, on mobile they stack. Does anyone know how to keep it as 3 images on mobile screens? Thanks!
Beyondspace Posted January 27, 2022 Posted January 27, 2022 On 1/25/2022 at 6:06 PM, LLO said: Site URL: http://www.life-less-ordinary.co.uk Hi! On desktop my images appear 3 per row, on mobile they stack. Does anyone know how to keep it as 3 images on mobile screens? Thanks! Try adding to Home > Design > Custom Css @media screen and (max-width: 640px) { section#homepageproducts .span-4:nth-child(-n+2) { width: 33.3% !important; float: left !important; } section#homepageproducts .span-4:nth-child(3) { width: 33.3% !important; float:left !important; column-count: unset; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Beyondspace Posted January 27, 2022 Posted January 27, 2022 My testing BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment