1 Image Per Row On Mobile - Grid Gallery

---

1. Plugin Info

Display one image per row on mobile when using a Grid Gallery page section.

• Works with Squarespace 7.1

• Uses Custom CSS

• Applies to Simple and Strips Layout

---

2. Add this code to Custom CSS

// 1 Image Per Row On Mobile - 7.1 Grid Gallery Page Section - Ghost //

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

---

3. Customizable Options

• No customizable options

---

4. Plugin Notes

• Must use gallery page section with either Simple or Strips Layout

• Not compatible with Masonry Layout or the Grid Gallery Block

---