1 Image Per Row On Mobile (7.1 Grid Gallery)

---

Description

Display one image per row on mobile with the Grid Gallery page section (Simple and Strips Layout). This plugin uses css editor and works with Squarespace 7.1.

---

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.1 Grid Gallery Page Section //

@media only screen and (max-width: 640px) {
  .gallery-grid-wrapper {
    grid-template-columns: 1fr !important;
    grid-gap: 20px !important;
  }
}

---

Customize

Please note that the code will only apply to the following Grid Gallery page sections with the following selected layouts:

• Grid: Simple

• Grid: Strips

You can adjust the grid-gap px value to increase or decrease the padding around each image on mobile.

---