IceWater951 Posted June 18, 2020 Share Posted June 18, 2020 (edited) How to change the mobile layout of a "store" page? How would I go about doing that? Instead of my items be stacked one by one, I need them to be in rows of 2.As pictured in the second picture. 1st pic of my current layout. 2nd pic is how i want it. how do i do it? Please Help. i tired youtube but didn't have any luck Edited June 18, 2020 by IceWater951 Link to comment
Beyondspace Posted June 18, 2020 Share Posted June 18, 2020 Hi there, please check this snippet, you can add it into Settings-> Custom Css @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid .grid-item { width: 100%; } } @media screen and (max-width: 768px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 10px; grid-row-gap: 0; padding: 0; } } MintyMountain 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, Lightbox Studio pluginIf 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
IceWater951 Posted June 18, 2020 Author Share Posted June 18, 2020 where do i find "custom css" Link to comment
Beyondspace Posted June 18, 2020 Share Posted June 18, 2020 6 minutes ago, IceWater951 said: where do i find "custom css" From settings screen, go to design 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, Lightbox Studio pluginIf 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
IceWater951 Posted June 18, 2020 Author Share Posted June 18, 2020 15 minutes ago, bangank36 said: right there ? Link to comment
IceWater951 Posted June 18, 2020 Author Share Posted June 18, 2020 good job youre doing good! Beyondspace 1 Link to comment
Malonedj Posted August 31, 2020 Share Posted August 31, 2020 hello on mobile I want to have all of my products display in a 2 per row grid, but i cannot figure this out. please help! humanbeingmankind.com is the site specifically referring to all of the pages under the 'shop' tab on the menu bar Link to comment
MintyMountain Posted September 8, 2020 Share Posted September 8, 2020 This just worked perfectly for me too - thank you! 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