Posts displaying vertically on page load

  • Resolved Dan204

    (@dan204)


    8 years, 1 month ago

    Hello,

    I believe another user has started a thread with a similar issue however that was marked as resolved.

    I have the plugin running on a test bed site with the aim of implementing it with other sites. Unfortunately when the page is loaded all of the posts stack vertically for a split-second. This only occurs when the page is loaded via the blog link, not when refreshed.

    The page can be found here: https://www.shropshirebarn.uk/?page_id=46

    Any help would be greatly appreciated as the plugin otherwise seems ideal.

Viewing 5 replies - 1 through 5 (of 5 total)

  • The masonry grid isn’t being utilized until the whole document has loaded. From view source I see it’s loading jQuery(document).ready(function($) which means that it will run only after everything on the page has loaded in.

    You could try jQuery(window).load(function()

    • This reply was modified 8 years, 1 month ago by Eddie.
    Thread Starter Dan204

    (@dan204)

    Thank you for the prompt reply,

    As a designer my knowledge of coding really only extends to writing HTML and CSS styling. How would I go about making this change?

    I appreciate this may be too complex to go over here however if you could point me in the right direction at least it would be most appreciated!

    Thanks again.

    Hey mate, just had a play around with my suggestion and it didn’t really work out.

    This, however, helped a fair bit: 

    .isotope-item {
    float: left;
}

    Add that to your stylesheet and give it a shot.

    Thread Starter Dan204

    (@dan204)

    Looks to me like that’s done it!

    Really appreciate your help on that!

    Awesome!

    No worries mate. Just curing some boredom going through helping people with support requests. Give us a shout if you need anything else.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Posts displaying vertically on page load’ is closed to new replies.