Start a Project

Grid Gallery Mobile Breakdown

In Grid Design, the Gallery Block breaks down into rows of 2 images on mobile – which makes them tiny.

We've had a bunch of enquiries asking how to change grid galleries of rows to 1 image only.

Standard layout (Left) and Coded layout (Right)

Standard layout (Left) and Coded layout (Right)


Here's a lovely piece of code to paste into your site's custom CSS area to make this change.

@media (max-width:540px) {
  .sqs-gallery-block-grid .slide {
    width: 100% !important;
  }
}