Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #610606

    Hello. I recently opened this thread, but have come to realize this is more widespread. Meaning, it’s not just the menu that is shifting. As for the menu, I’m able to reproduce this on Windows 10 (IE and Edge) but not in Chrome or FF. On MAC, I’m able to reproduce this on Safari, but not Chrome.

    If we concentrate on just the Home page at the moment – upon every load, elements are shifting all over the place. Every time the Home page is refreshed the issue is there.

    I then went back to my other Enfold sites. It’s happening on those sites as well. In the private area, I’ve listed another site that also shows this shifting issue.

    Thank you,
    Ryan

    #611222

    Hi Ryan!

    Can you please try adding following code to Quick CSS

    .avia-menu.av-main-nav-wrap {
        min-width: 150px;
    }

    Have you tried de-activating all active plugins and check if that helps?

    Regards,
    Yigit

    #611302

    Plugins disabled – same issue. Tried your CSS – same issue.

    Thanks,
    Ryan

    #612031

    Hey!

    I can’t see any issue on the website you’ve provided. Can you highlight using screenshots please? use imgur.com or dropbox.

    Regards,
    Andy

    #612040

    Yes, please refer to this post.

    #613569

    Hi!

    Looks like the main menu shifts because the search icon rendering is delayed. Add this in the Quick CSS field:

    #top #menu-item-search {
        width: 26px;
        min-width: 26px;
    }

    Cheers!
    Ismael

    #613959

    That did the trick. Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Elements Shift on Load’ is closed to new replies.