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

    Hi,

    Continued from this topic: https://kriesi.at/support/topic/resize-header-with-social-icons/

    I use the fixed header with social icons and have reduced it’s height. Everything is great except for when the page loads. Sometimes when you load the page the menu jumps. It seems it still remembers the original height and tries to use that before it notices something has overwritten that height to something smaller.

    This probably also depends on how fast the page loads for you, so you may not always see it. Try changing languages of the same page and you’ll suddenly see it. It goes very quick, but it’s quite annoying and distracting when navigating the site.

    Example page: http://goo.gl/9WV4xU
    Change languages and notice the main menu to the top right (with the search icon) when the page loads.

    Is there anything I can do to fix this, please?

    #233525

    Hey DavyE!

    On first load there is a tiny jump but it does not happen on my end when i change language or page. It occurs only on first load. Can you try deactivating all plugins and then check if that helps increasing the load speed?

    Cheers!
    Yigit

    #233664

    Yes, but unless you’re revisiting every page, every page is a first load which will jump every time. Every page that I haven’t opened recently makes the menu jump.

    I’m willing to deactivate plugins, but I have activated only the bare minimum of plugins, so I need every single one of those. And even if the page loads a bit faster on my end, people with even a slightly slower connection might still see it jump. Therefore I’m hoping to edit the cause. I assume the original height is still there, otherwise I don’t understand why it would still try to set the menu to it’s original height.

    I’ve modified the el_height in the avia.js file, but is there anywhere else that the height is defined, please?

    For some reason, that fixed menu with social icons also becomes very high on mobile devices (taking nearly half a screen sometimes).

    #233783

    Hi!

    I’m sorry but I don’t see the jump on the header menu. My internet connection is not that fast and I don’t see the “jump” issue on every page. You can improve the loading speed by using cache and minify plugins. Suggested plugins are:

    http://wordpress.org/plugins/w3-total-cache/
    http://wordpress.org/plugins/bwp-minify/

    Cheers!
    Ismael

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