IceWater951 Posted June 18, 2020 Share Posted June 18, 2020 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 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; } } 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
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 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
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! 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! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.