1 Image Per Row On Mobile (Grid Gallery Block)


Description

Display one image per row on mobile within a grid gallery block. This plugin uses css editor and works with all template families.


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 Image Per Row On Mobile - 7.0 Version //

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

// 1 Image Per Row On Mobile - 7.1 Version //

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

Customize

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.