Static Navigation Bar-Please dont scroll with me!

  • Resolved cocodev

    (@cocodev)


    11 years, 3 months ago

    Hi Ceslava,

    I was hoping to get my Lab’s Nav Bar to stay fixed instead of scrolling. I am aware of the customization options under “Header Image”, but the boss would like the nav bar bellow the logo, fit to the page as seen on our Lab Site;
    http://cocodev.psych.utoronto.ca/

    with the inserted Custom CSS bellow;

    html #site-navigation.fixed {
    box-shadow: none;
    opacity: 1;
    position: inherit;
    z-index: auto;
    }

    We where hoping to have the navigation bar stay in place as we scroll, as it appears now but without reappearing as the user scrolls down. The flicker that happens when the nav is scrolled past the top of the page is not desired as it is now, however.

    I was wondering if there was a change that can stop this flicker (maybe a way that stops javascript from putting the fixed class in?).

    Thank you very much for the theme!

    CocoDev

Viewing 1 replies (of 1 total)
  • Theme Author ceslava

    (@ceslava)

    11 years, 3 months ago

    Hi cocodev,

    I suggest you to make a child theme from Marla, then you edit the header.php file and remove the class site-navigation from this line

    <nav id="site-navigation" class="navigation-main clearfix" role="navigation">'

    <nav id=”site-navigation” class=”clearfix” role=”navigation”>’

    Regards

Viewing 1 replies (of 1 total)

The topic ‘Static Navigation Bar-Please dont scroll with me!’ is closed to new replies.