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 Squarespace 7.0 (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;
  }
}

Customize

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

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Mobile Font Size

Next
Next

Parallax Image Block Effect