Marla Static Navbar Help Please

  • cocodev

    (@cocodev)


    11 years, 3 months ago

    Hey,

    I was hoping to get my nav bar on my “marla” lab site theme to stay static t the top of the document, as seen here;
    http://cocodev.psych.utoronto.ca/

    I tried to fix the nav bar to the top by modifying the CSS (in the Custom CSS Editor field) for the fixed class, and adding the rule;
    html #site-navigation.fixed {
    box-shadow: none;
    opacity: 1;
    position: inherit;
    z-index: auto;
    }

    but the boss still doesn’t like the flicker that happens when the nav is scrolled past the top of the page, and 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?).

    Thanks so much in advance,
    Nat

Viewing 2 replies - 1 through 2 (of 2 total)
  • ceslava

    (@ceslava)

    11 years, 3 months ago

    Hi cocodev,

    In order to leave the menu nav at the top you don´t need to add any extra code.

    There´s an option on the Marla Theme customization page under “header image” just after you upload your own logo.

    Bests

    Thread Starter cocodev

    (@cocodev)

    11 years, 3 months ago

    Hey Ceslava,

    Thank you for the post, but I was actually hoping to keep the menu bellow the logo as is, and find a way to eliminate the flickering that happens to the menu bar after scrolling. When I select this option, my nav bar stays static but above the logo, and there is a flickering in response to scroll. The code keeps the menu static bellow the logo, but does not stop marla’s

    the bar changes from a “clearfix navigation-main” class to a “clearfix fixed” class when i scroll, but I would like it to just stay where it is at the “clearfix navigation-main” class and not scroll with me.

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

The topic ‘Marla Static Navbar Help Please’ is closed to new replies.