Guest Posted May 15, 2021 Share Posted May 15, 2021 Site URL: https://www.elliotmaeve.com/ I am trying to set up my "shop" page and currently have no columns on mobile view and I would like 3 columns please so its easier for viewers to look through products. I have tried a bunch of codes that I have seen people using on this forum, but none of them seemed to work. Can you help me out? SIte URL: elliotmaeve.com Link to comment
Beyondspace Posted May 16, 2021 Share Posted May 16, 2021 5 hours ago, elliotmaeve said: Site URL: https://www.elliotmaeve.com/ I am trying to set up my "shop" page and currently have no columns on mobile view and I would like 3 columns please so its easier for viewers to look through products. I have tried a bunch of codes that I have seen people using on this forum, but none of them seemed to work. Can you help me out? SIte URL: elliotmaeve.com Add this to Design->Custom CSS @media screen and (max-width: 768px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-column-gap: 1.5vw; grid-row-gap: 4vw; padding: 0; } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.