Post grid not working on mobile

  • Resolved wprando

    (@wprando)


    4 years, 1 month ago

    Hi, I am having issues with the plugin on mobile.
    Everything seems to work fantastic on PC, but on mobile, sometimes the posts seem to all load on top of one another.
    Sometimes it looks fine, sometimes they’re all cluttered up.
    It seems when I check the CSS, the “top” property is incorrect, so the grid gets all messed up.
    The same thing happens even if I set up another shortcode for mobile with 1 column, less posts, etc.
    How can I fix this?
    Thank you!

    • This topic was modified 4 years, 1 month ago by wprando.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author pluginandplay

    (@pluginandplay)

    Hello @wprando

    I checked your website and found that you are using Masonry layout with grid 1. In masonry layout the CSS TOP property is automatically calculated via JS.

    I noticed that there is an Image lazyload functionality is enabled so I think due to lazyload, masonry script is not calculating proper area height.

    Can you please check it by deactivating the image lazyload functionality temporary?

    Thread Starter wprando

    (@wprando)

    Thank you @pluginandplay !
    You were absolutely right that it was the lazyload functionality messing things up. I’ve disabled it and things are looking normal on mobile.
    Thanks for your response and your brilliant plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Post grid not working on mobile’ is closed to new replies.