Begona Posted March 24, 2021 Share Posted March 24, 2021 (edited) Site URL: https://bookythings2.squarespace.com/es/inicio https://bookythings2.squarespace.com/es/inicio password: booky Hi! Can someone help me force a 4 image row into 2 rows of 2 images for tablet? See screenshot of section below: Thank you! Edited July 12, 2021 by Begona Link to comment
Beyondspace Posted March 25, 2021 Share Posted March 25, 2021 11 hours ago, Begona said: Site URL: https://bookythings2.squarespace.com/es/inicio https://bookythings2.squarespace.com/es/inicio password: booky Hi! Can someone help me force a 4 image row into 2 rows of 2 images for tablet? See screenshot of section below: Thank you! try @media only screen and (min-width: 640px) and (max-width: 1024px) { [id="es/servicios-editoriales"] .Index-page-content .sqs-layout .sqs-row:nth-child(2) .sqs-col-3 { width: 50%; } } Begona and tuanphan 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Begona Posted March 25, 2021 Author Share Posted March 25, 2021 Thank you so much, @bangank36 Looks great on the Tablet preview! However, when I check it on an actual Ipad the 2nd row doesn't display correctly 😞 Any idea why?? Thank you!! Beyondspace 1 Link to comment
Beyondspace Posted March 25, 2021 Share Posted March 25, 2021 2 hours ago, Begona said: Thank you so much, @bangank36 Looks great on the Tablet preview! However, when I check it on an actual Ipad the 2nd row doesn't display correctly 😞 Any idea why?? Thank you!! try @media only screen and (min-width: 640px) and (max-width: 1024px) { [id="es/servicios-editoriales"] .Index-page-content .sqs-layout .sqs-row { display: flex; flex-wrap: wrap; } [id="es/servicios-editoriales"] .Index-page-content .sqs-layout .sqs-row:nth-child(2) .sqs-col-3 { width: 50%; } } Begona 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Begona Posted March 25, 2021 Author Share Posted March 25, 2021 It works, @bangank36! Thank you so much! Beyondspace 1 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