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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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