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