I have created 4 masonry galleries all with images that are the same size and aspect ratio
I’ve used the same settings for all galleries.
However, on some galleries the 1 pixel gap I’ve specified is missing between some images. It only seems to be the horizontal gap that gets missed.
I cannot see why these galleries are not all working identically.
Any idea?
Thanks!
Hey seanchk,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Hi Vinay,
Here are 3 pages where the problem is happening.
All the images are the same size and ratio and all the settings are the same.
http://demo.seductiondisco.com/steve-aoki-gallery/
http://demo.seductiondisco.com/dj-blend-gallery/
http://demo.seductiondisco.com/skrillex-gallery/
Thanks
Sean
Hi,
Thank you for the info. The issue is cause by the isotope script which calculates the position of the masonry items. Sometimes, it fails to calculate the exact position on different screen sizes and different browsers. One solution is to increase the width of the masonry container:
.av-masonry-container {
width: 101%;
}
Best regards,
Ismael
Thanks Ismael