Jump to content

How can I make the shop page on a mobile device display items in 2 columns?

Recommended Posts

Currently trying to make the shop page display products in 2 columns on mobile devices  running theme on  7.1

I have used the below code but it forces all products to half the screen and on one column?

 

any help will be really appreciated

 

@media only screen and (max-width: 750px) {

.products.collection-content-wrapper .list-grid {
      width:50% !important;
      clear:right !important;
      padding-right: 5px !important;
      padding-left: 0px !important;
  }
  
  .product-image a{
    width: 100% !important;
  }  }

Edited by msyed
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.