Lazy loading messes up masonry gallery

  • Resolved dajohn

    (@dajohn)


    1 year, 11 months ago

    Hi,
    I noticed that if I enable Lazy load it messes up the masonry gallery. Pictures are now overlapping.
    Ik read another post that enabling native lazy loading should fix the issue. It indeed fixes in partly. In Chrome and Safari the gallery is displyed correct now. In Firefox however the gallery is still messed up.
    Is there a fix for this?

    • This topic was modified 1 year, 11 months ago by dajohn.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @dajohn

    Sorry to hear you are having this issue.

    This happens when the gallery plugin or script uses an absolute position to generate the gallery, so it doesn’t have a defined place on Lazy Load and can cause some problems.

    Can you please try Smush > Lazy Load > Native Lazy Load?

    Let us know the result you got.
    Best Regards
    Patrick Freitas

    Thread Starter dajohn

    (@dajohn)

    Thanks for your fast reply!

    But like I said, I allready activated Native Lazy Load. It fixes the issue in Chrome and Safari but not in Firefox…

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @dajohn

    Sorry, I missed that part,

    Would it be possible to share the affected page?

    Best Regards
    Patrick Freitas

    Thread Starter dajohn

    (@dajohn)

    Sure, here is an example. On the top of the page the images are spaced as they supposed to be. When I scroll down they start to overlap.

    View post on imgur.com
    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @dajohn

    Thanks for response!

    We actually hoped for the link to the example affected page instead of an screenshot, I’m sorry if it wasn’t clear.

    We’d like to take a look in order to check how this particular masonry grid works and behaves – it may help find out what is causing it and how to fix it or, worse case scenario, how to keep lazy load enabled with these images excluded from it (so they wouldn’t be affected).

    Could you share a link to such page then, please?

    Kind regards,
    Adam

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @dajohn,

    Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to re-open the thread if you need further assistance.

    Best Regards
    Nithin

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Lazy loading messes up masonry gallery’ is closed to new replies.