1 Image Per Row On Mobile

Install Steps

1 Image Per Row On Mobile

Submitted by Moov Labs Works with all template families

mobile1.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 Image Per Row On Mobile //

@media only screen and (max-width: 640px) {
  .sqs-gallery-design-grid-slide {
    width: 100% !important;
  }
}

Step Three

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

Please keep in mind that this works only with the Grid Gallery Block.

Save and refresh the page. 👍

Moov Labs