I have 13 different galleries set up on one page.
There are 3 to 9 images in each gallery.
The first 3 galleries on top display the thumbnails just fine, even spaced. Mobile version looks fine as well.
The last 9 galleries show thumbnails next to each other with barely any space in between them. On mobile, they are smushed together and it looks really bad.
If I clone one of the properly working galleries and add new images to that, it still looks bad.
If I create a new gallery under the top 3(that are working fine), it still looks bad.
All of the possible gallery settings are the same for all 12 galleries.
Can somebody help me with this issue? I need the bottom 9 galleries’ thumbnails to display correctly.
Link in “private content” section.
Can i please get some help with this issue from support?
Thanks
Hi,
Please add following code to Quick CSS as well
#top #wrap_all .avia-gallery .avia-gallery-thumb a {
width: auto!important;
}
Best regards,
Yigit
I was trying some of my own custom CSS to fix this and was getting close.
What you provided worked Thanks!
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Andy