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

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

    • This topic was modified 6 years ago by  junebug0283.
    #311443

    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?

    #311445
    This reply has been marked as private.
    #311542

    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

    #311556

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

    #311651

    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

    #317749

    Hi Ismael,

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

    #318382

    Hello,

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

    Regards,
    Josue

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