Montauk: Larger gallery images on mobile

This tip is for Squarespace websites using the Montauk template. When you add a Gallery Block in Grid style, you can control how many images appear in each row like this where there are three across:

However, this only works on desktop and some tablets. When a visitor views the same page on mobile, the images shrink and are usually displayed in rows of two. 

With some CSS you can change this so that they appear one across. If you only want this to affect one page, edit the settings for the page and add the following to the Code Injection box. You'll find more information on doing this here.

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