Having 3 images side by side in gallery on mobile view

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

I cant seem to add 3 images across on mobile view, it woulds in desktop and on landscape phone but I need it to work portrait on mobile view. Can someone help?

5 hours ago, charlieknight2204 said:

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

I cant seem to add 3 images across on mobile view, it woulds in desktop and on landscape phone but I need it to work portrait on mobile view. Can someone help?

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .gallery-grid-wrapper {
    grid-template-columns: repeat(3,1fr) !important;
  }
}

Let me know how it works on your site

My testing

Thank you so much - is there a way I can keep all the writing on one line though?

On 5/9/2022 at 11:02 PM, charlieknight2204 said:

Thank you so much - is there a way I can keep all the writing on one line though?

Use this CSS

@media screen and (max-width:767px) {
figcaption.gallery-caption.gallery-caption-grid-simple {
    max-width: 100% !important;
    white-space: nowrap;
}
}