Floating Nav?

  • bowend3c

    (@bowend3c)


    6 years, 12 months ago

    Hi! I’m hoping to do some custom CSS to allow

    header-nav
    to float in a fixed position as the user scrolls. That way the navigation is always available regardless of where you are on the page.

    I tried

    header-nav {
	position: fixed;
}

    and a few other combinations, but I was unsuccessful. Any suggestions?

Viewing 1 replies (of 1 total)
  • Thread Starter bowend3c

    (@bowend3c)

    6 years, 12 months ago

    Follow up:

    I was able to get the menu itself to float using the following:

    #header-navs-container {
  display: none;
  background-color: var(--color-bg-alt);
  padding: 5px;
  z-index: 100;
  position: fixed;
}

    However, can’t get the header-nav-toggle to do the same. It’s still fixed at the top of the page when you scroll.

Viewing 1 replies (of 1 total)

The topic ‘Floating Nav?’ is closed to new replies.