Support » Theme: Lodestar » Sticky Navigation

  • How can i make the navigation 100% sticky/fixed. Right now, when you scroll down, the header/navigation disappears, and while scrolling down the page it comes back again. I want it to be visible all the time. Thank you!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello, did you get this working? When viewing your site and scrolling down the navigation menu remains showing at the top of the page.

    No, this ist the usual behaviour: when scrolling down it disappears and when reaching the 2nd Panel it shows up again. I want the navigation to be visible all the time.

    Hi there,

    This code should do it:

    .header-top {
      position: fixed;
    }
    .site-header-fixed.header-top {
      animation: none;
      transition: none;
    }

    It sets the original header as sticky, and blocks the animation effect.

    no, too bad, this one breakes the responsive navigation…

    Try this instead:

    @media screen and ( min-width: 60em ) {
      .header-top {
        position: fixed;
      }
      .site-header-fixed.header-top {
        animation: none;
        transition: none;
      }
    }
    gerald.reisner

    (@geraldreisner)

    Hi, thak you, now it works!

    KokkieH

    (@kokkieh)

    Glad I could help 🙂

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