Sticky Nav Bar

  • Hilary Curtiss

    (@hilarykenmare)


    11 years ago

    I’m wondering if any one knows how to make the nav bar sticky, so that when you scroll down the nav bar stays at the top of the page. I’d also like to remove the gray lines on the top and bottom of the nav bar but can’t figure out how.

    Any ideas?

    Thanks

    thehealthycollective.com

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

    (@batharoy)

    For the grey lines:

    nav#main-nav > ul:before, nav#main-nav > ul:after {
    background: none;
}

    For the menu there is a pure css way but would require the menu be moved to the top of the page.

    #nav-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
}
#header-wrap {
    margin-top: 50px;
}

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Ok, I will leave the nav bar for now. Thanks very much for your help with the grey lines.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky Nav Bar’ is closed to new replies.