Center Logo over menu

  • Hello,

    I’ve actually done this but the code makes my menu and or logo jump left/right to original positions with the code I am using. I think I fixed it a bit, but the nav menu jumps up and then down when page renders. Can it be made to not jump all over page?

    Any help is appreciated. Thanks.

    My current code:

    .navbar-header.responsive-logo {
    text-align: center;
    width: 100%;
    }

    a.navbar-brand {
    margin: auto;
    float: none;
    }

    /*centers menu*/
    @media screen and (min-width: 767px) {
    nav#site-navigation {
    float: none;
    margin: 0 auto;
    display: table !important;
    }
    }

    sitewebsite

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

  • hello,

    I have checked your website and everything is working fine, is your issue resolved?

    Regards,
    Gourav

    Thread Starter advent12

    (@advent12)

    Hello Gourav,

    Click on home, then click on another page. See how the header jumps up and down as the page loads? (look at grey line) That can’t be normal…

    Please advise.

    Hey,

    AS long as you have added custom CSS to the theme, we can not debug any issue.
    Please remove it and check if the theme does that behavior from default.

    Thanks a lot

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Logo over menu’ is closed to new replies.