Tagged: fullwidth masonry, gaps, missing images, Portfolio, safari
Hello,
I am having trouble filling in all the space in my gallery? There is currently very large spaces that should be getting filled with the smaller images but are not..
I have tagged a few images as “landscape”, and a few as “portrait”. The remainder obviously turn out ‘square’ (the standard size), but it seems as though the ‘square’ images won’t slot in place on the layout..
Help??
OK this problem seems to only persist on Safari (both macbook and on my iPad)!
Basically there are empty grey/white square spaces that not getting responsively filled with the blog images as they should..
But when viewing the site on Google Chrome or on Firefox, it beautifully all slots in together nicely without any issue!
Any help?
Hey!
This is how your website looks on my end on Safari 7.0.6 on OS X 10.9.4 – http://i.imgur.com/tGHG9wR.jpg
Which version of Safari are you using?
Best regards,
Yigit
Hi Yigit,
I’m using the same version – 7.0.6 .
The layout you have provided is a widescreen though- when the screen is reduced, a gap appears (see the comparison of the different browsers I tested)..
Hey!
Try adding this on Quick CSS or custom.css:
@media only screen and (max-width: 1340px) and (min-width: 989px) {
.responsive .av-masonry-entry.av-landscape-img {
width: 66.4%;
}
}
Regards,
Ismael
Hi Ismael,
Thank you – but that did not work for me :(