Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 3, 2018 at 4:46 pm #980632
    jonrouse

    Hi,
    I’ve recently put a simple three column masonry grid on the homepage of the company I work for.
    It pulls in the latest three stories within a certain category.

    For sizes below around 1355px wide, its fine. However, whenever I increase the size of the window it shrinks once, and then at 1815px wide, it shrinks again. I just want them to fill the colour section at all sizes, with the current mobile behaviour of stacking at smaller sizes.
    The colour section that it is in is set to be at least 25% of browser height. Changing this doesn’t help. The images are all wide landscape, I quite like this and it’s not something we’ve used on any other of our enfold websites.

    Is there anything which can be done to alleviate this?

    Cheers

    July 4, 2018 at 4:49 am #980903
    Ismael

    Hey jonrouse,

    Thank you for using Enfold.

    This css code resizes the masonry items when the screen width is more than 1800px.

    @media only screen and (min-width: 1800px) {
.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry {
    width: 24.9%;
}
}

    Adjust the value as you wish. Default is 16.6%.

    Best regards,
    Ismael

    July 4, 2018 at 10:24 am #981046
    jonrouse

    Thanks Ismael, I got it working by tweaking your CSS to 

    @media only screen and (min-width: 1345px) {
.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry {
    width: 33.3%;
}
}

    Always appreciate your support in making Enfold do what I want!

    Cheers
    J

    July 5, 2018 at 11:29 am #981522
    Ismael

    Hi,

    Awesome! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Shrinking Masonry Grid’ is closed to new replies.