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.

---