One Product Per Row On Mobile

Look Demo

Display only one product / thumbnail per row on mobile. This plugin uses css editor and works with the Brine template family.

No look demo available.

How To Install

From your Squarespace account, go to the Custom CSS Editor. 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;


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


No notes.

CommerceMoov Labs