HI,
I would like to know if it possible to make the gallery thumbnails bigger when visiting this page – https://www.mastaplasta.eu/gallery/ , on a mobile device. At the moment the thumbnails are squeezed into a 6 column grid, but I’d like to show just 4.
Please advise
Antonio
Hey Antonio,
Yes, you have options for your gallery. You can set your Thumbnail Columns to 4.
Let us know if you need further help.
Best regards,
Sarah
Hi Sarah,
Thanks but this setting will also change the desktop look. I would like to keep the 6 column display on desktop but have it as 4 on just mobile devices if possible.
Regards
Antonio
Hi Antonio,
Ah sorry, I missed that specification! :) Please ignore my first answer, then.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 480px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25% !important;
}
}
If you wanted this for iPads, too, you can replace max-width: 480px
with max-width: 767px
.
Best regards,
Sarah
Hi again,
sorry but that code didnt seem to do anything?? I added it to the Quick CSS section.
Antonio
Sorry my bad Sarah.
It did work!
Thanks very much