Hello,
i tried the Envira Gallery and the custom css
(according to this post: https://theme.co/apex/forums/topic/envira-gallery-problem/ )
I added the code from forum-post above to adjust the image widths.
Then i added the “top: 0px !important;”, because the images have had a distance between each other.
The problem now: while scrolling down in mobile view, the images are jumping up and down. Maybe because of the isotope/masonry?
http://ya-bielefeld.de/gallerie
@media only screen and (max-width: 767px) {
.envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item {
clear: both !important;
display: block;
left: 0 !important;
margin: 0 auto !important;
position: relative !important;
width: 100% !important;
top: 0px !important;
}
}
Problem solved:
Disabled “Lazy Load” in Settings!