Change gallery to one column instead of two on mobile

Site URL: https://www.jdingphoto.com/

Hi, I'd like to change the display of the "gallery" on my homepage (and two other gallery pages) to only be one column of photos when opened on mobile. For reference, this is the site I'm designing: https://www.jdingphoto.com/

@bangank36Yes exactly!!

You can use the following code to apply on mobile display

@media only screen and (max-width: 767px) {
  .gallery-masonry-list--ready {
    display: flex;
    flex-direction: column;
    height: auto !important
  }
  .gallery-masonry-list--ready .gallery-masonry-item {
    width: 100% !important;
    position: relative !important;
    transform: translate3d(0px, 0px, 0px)!important;
  }
  .gallery-masonry-list--ready .gallery-masonry-item img {
    width: 100% !important;  
  }

  .gallery-masonry-list--ready .gallery-masonry-item-wrapper {
    height: auto !important
  }
}

It will affect all pages.

Support me by pressing 👍 if this useful for you