Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2014 at 10:34 pm #284315
    cyrusis

    Hi there,

    I couldn’t seem to find anything relevant in the forum search.

    The masonry blog is nice an all, but it’s method of function looks terrible on different monitor sizes. It’s very annoying to have a single blog entry bump itself down a row and create big white space. It looks like a broken website when this happens.

    How can I adjust the masonry blog to only ever fill a single row? I want it to dynamically understand how many blog posts will fit in a single row, rather than me selecting 6 posts and having it bump down to multiple rows depending on the monitor size. This seems to be a big oversight with this feature.

    Many thanks.

    June 27, 2014 at 4:16 am #284383
    Ismael

    Hi cyrusis!

    Thank you for using the theme!

    What is the screen resolution of your monitor? Do you mind if we take a look at the current website? We applied media queries to adjust the width of the masonry entries on different screen sizes.

    Best regards,
    Ismael

    July 1, 2014 at 2:43 am #285505
    cyrusis
    This reply has been marked as private.
    July 1, 2014 at 3:26 am #285521
    Ismael

    Hi!

    Thank you for the link.

    I don’t see the issue when I checked it on Chrome Windows 8. It looks good. You can add this on Quick CSS or custom.css to align the masonry content:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content {
bottom: -1px;
min-height: 102px;
}

    You can decrease the width of the masonry entries with this but the masonry content will cover the masonry images:

    .av-masonry-entry.av-masonry-item-loaded {
width: 15%;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.