Responsive Gallery for Mobile devices

Hi, sorry if this has been asked for the Shapely theme already - I did a search but didn’t find a solution. I have a gallery on a web page that looks great on computers. On mobile devices, I am hoping to have it automatically adjust the width.

When I set up the gallery, I chose to have 3 columns but for vertical mobile devices, it should probably go down to 1 column so the photos aren’t too small.

The page is here:

I’ll attach a screenshot of what it looks like on my phone. Thanks in advance for your help!

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

@media (max-width: 991px){
.gallery .gallery-item {
max-width: 50%;
}
}
@media (max-width: 691px){
.gallery .gallery-item {
max-width: 100%;
}
}

Thanks!
Colorlib Support Team

Thank you, Noda! That’s perfect!

Good evening

If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews | WordPress.org

I will close this case, let me know if you need anything else in new ticket