Home>Support>Menu jumping with Vantage theme

Menu jumping with Vantage theme

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I am using the Vantage theme on my site, which is working perfectly! So thanks very much!.. :)
However, the slightest problem I have is that my menu is positioned at the very top of the page on page load, and then jumps when page load is completed.
Please see the URL I sent by chat message to illustrate.

I hope you can fix this issue as this would be a lot more professional looking.. :)

Best wishes and thank you!
Den

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Den

    The menu center aligns the contents using JavaScript, unfortunately, this does result in a jump as the JavaScript isn’t applied immediately, it’s more noticeable on slower connections like the one I’m using this morning. Please, try adding the following to AppearanceCustomizeAdditional CSS and see if that helps:

    .main-navigation ul li[style] {
        margin-top: 28.5px !important;
    }
  2. 7 years, 11 months ago DenW

    Hi Andrew,

    Thanks for your very quick reply.
    I’ve tried the additional CSS, but unfortunately the addition does not make a difference.

    Connection speed does matter somewhat of course, but I see that browser speed matters much more. For some reason, when using Edge the jump is still noticeable but happens much quicker. On Chrome and Vivaldi it’s about the same. Haven’t tried Firefox.

    Any other tips\tricks\additions you want me to try?

    Thanks very much!
    Den

  3. 7 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Try changing the previous snippet to:

    .main-navigation ul li[style] {
        margin-top: 0 !important;
    }
    
    #masthead .menu {
    	padding-top: 28.5px !important;
    }
  4. 7 years, 11 months ago DenW

    Wow!! That seems to have done the trick! Looks much better now..

    Thanks very, very much for your extremely quick help with this..

    Very best wishes!
    Den

  5. 7 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that fixed it :)

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More