Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #311258


    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..


    • This topic was modified 6 years ago by  junebug0283.

    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?

    This reply has been marked as private.


    This is how your website looks on my end on Safari 7.0.6 on OS X 10.9.4 –
    Which version of Safari are you using?

    Best regards,


    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)..



    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%;



    Hi Ismael,

    Thank you – but that did not work for me :(



    I’ll close this topic so we can continue the conversation here.


    • This reply was modified 6 years ago by  Josue.
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Fullwidth masonry blog leaving large spaces where images should be (safari only)’ is closed to new replies.