Jump to content

How do I add two columns for the products on mobile?

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1587412348279_39652 .summary-item-list {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 6/8/2020 at 8:39 PM, tuanphan said:

Can you insert the code & I will check again?

It actually works! But only for on the "shop the look" page under Natural Oasis, Furniture. How can I do this for all the products for every page?

Is there a way to add a little space in between the 2 columns of the products, they look a bit too close together.

Also, the "see all" button after the Natural Oasis Furniture category looks too close to the product above, is there a way to space it out?


Thank you so much! I appreciate your help!



Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.