Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 18, 2017 at 2:57 pm #762898
    envatotastic9

    I have 2 masonry gallery problems

    1) On one of my pages I have a hero image and below it I have a masonry gallery. The issue I have is that the gallery doesn’t display until I start scrolling the page (therefore leaving quite a large empty gap). What I have done is adding some CSS to display the first row (first four items), which works. But … when I then start scrolling it loads the animation on the first row, which looks weird, because they are already displayed?

    2) On my masonry gallery and portfolio posts, when I add titles and excerpts (displayed at the bottom) to the images it eats into the bottom of the image and the images looks odd as part is missing. My coder has tried to implement a fix that shows the title + excerpt with without eating into the bottom of the image but it is scrambling the other gallery items.

    March 21, 2017 at 4:17 pm #764246
    Victoria

    Hey envatotastic9,

    1) It might be that the php error notices on top of the page prevent the masonry to calculate viewport height correctly and animation is late.

    2) This is the way it’s meant to be in Masonry gallery, you could change settings for excerpt and title to appear on mouseover. Or use portfolio grid it allows to have title and excerpt below the image, but doesn’t have that kind of loading animation.

    Best regards,
    Victoria

    May 17, 2019 at 10:22 pm #1101941
    cjbuilt

    Hi there,

    I have the same problem, but I do not have any error messages. I have a slider, and then a masonry grid and at certain browser window sizes the grid elements do not load but one can still see the empty space quite clearly. How do I get the elements to load at these window sizes?

    Check out https://dev.learninglandscapesdesign.com/ with a browser window that is 1630×1129. If one turns on the ‘device toolbar’ in Chrome DevTools and sizes it as such, the elements will load, but with a regular window, they will not. The same is true in Firefox and Safari – see screenshots below.

    I am not running any plugins that could be interfering, and tried it with all plugins deactivated and there was no change. I also tried un-sticking the header, but that also produced no change.

    Chrome screenshot
    Firefox screenshot
    Safari screenshot

    I know that this is being pretty picky, but that empty space and then the sudden loading of images bugs me and my client and we would really like to alleviate the situation.

    Thanks for your help.

    May 17, 2019 at 10:29 pm #1101943
    cjbuilt

    Never mind, I found a solution here: https://kriesi.at/support/topic/display-masonry-gallery-without-any-delay/

    I just added this css:

    .home .av-masonry-entry { 
    visibility: visible; 
    opacity: 1; 
}
    May 18, 2019 at 10:27 pm #1102141
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonry gallery problems’ is closed to new replies.