Tagged: gallery columns, mobile
Dear members of the support forum,
On my website I am displaying a gallery with 6 columns.
On mobile, I would like this to switch to 2 or 3 column. Right now, the thumbnails are getting tiny on mobile, because the gallery is still 6 columns.
See gallery at bottom of page at:
How do I achieve this?
Thanks in advance!
Hey pelgrimrat,
Thank you for the inquiry.
Are you referring to the gallery above the footer area? The gallery seems to be responding correctly in mobile view, splitting into two columns instead of six. If you’d like to increase the number of columns, you can try using this css code
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top .avia-gallery.av-lslwymmy-767d1ca16b1f4d9c429a0176d305ae0e .avia-gallery-thumb a {
width: 33%;
}
}
Best regards,
Ismael