Gallery in mobile

Hi

I'm looking for code - How do I make this page switch to only 1 image per row in mobile view?

https://smilodon-ocelot-my5f.squarespace.com/gallery

Pass: Hello

3 hours ago, mportch said:

Hi

I'm looking for code - How do I make this page switch to only 1 image per row in mobile view?

https://smilodon-ocelot-my5f.squarespace.com/gallery

Pass: Hello

You can try adding to Home > Design > Custom css

@media only screen and (max-width: 767px) {
  .gallery-masonry-wrapper.gallery-masonry-list--ready {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    height: auto !important;
  }
  .gallery-masonry-item {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    transform: translate3d(0,0,0) !important;
  }
  .gallery-masonry-lightbox-link, .gallery-masonry-item-wrapper {
    height: auto !important;
  }
  .gallery-masonry-lightbox-link img {
    width: 100% !important;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you
 

My testing

Thank you!!!!!