One Product Per Row On Mobile

Install Steps

One Product Per Row On Mobile

Submitted by Moov Labs Works with all template families

removemobilegap.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// 1 Product Per Row //

@media only screen and (max-width: 640px) {
  .ProductList-item {
    width: 96% !important;
    padding-right: 0px;
    margin-left: 0px;
    float: none;
  }
}

Step Three

You do not need to change any of the values or properties.

Save and refresh the page. 👍

Moov Labs