Site logo

[Resolved] Displaying posts in masonry grid format causes overlap

Home Forums Support [Resolved] Displaying posts in masonry grid format causes overlap

Home Forums Support Displaying posts in masonry grid format causes overlap

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1806551
    victor

    Happens when first post is featured. Any idea on how to fix this? Cache doesn’t seem to be the issue. Issue is present in all browsers on both desktop and mobile viewports. Changing viewports then going back fixes it until homepage is reloaded.

    #1806552
    victor

    edited

    #1806611
    victor

    Update, it looks like anything in masonry grid causes overlap, this seems like a huge bug.

    Update 2: It seems this issue may have been causes by lazy loading from litespeed cache plugin

    #1806657
    Elvin
    Staff
    Customer Support

    Hi Victor,

    Update 2: It seems this issue may have been causes by lazy loading from litespeed cache plugin

    That makes sense. The masonry script calculates positioning based on the size of the element. It gets the calculation wrong because if some images are lazyloaded, the calculations based on the size of the element will be off because lazyloaded images are 0 in height when they are not within viewport.

    That said, you’ll definitely have to pick between keeping lazyload but turning masonry off or the other way around.

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