Moving top navigation bar

  • Hey, is there a way to get a navigation bar to stick to the stop of the browser page and stay in this same position so you can still still it when scrolling down? finding it hard to explain it for some reason, but if anyone knows that would be great.

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

  • You can see a sample implementation from the creator of YARPP template here: https://mitcho.com/blog/projects/yarpp-3-templates/. The article does not talk about this topic, but the page I mentioned in the link using fixed position navigation bar. You can view the source of the page from the browser’s View Source menu.

    The important part is CSS definition for the navwrap div element:

    #navwrap {
  background:url("../i/grad-bar.png") repeat-x scroll center top transparent;
  height:60px;
  left:0;
  position:fixed !important;
  top:0;
  width:100%;
}

    It is the fixed attribute that matters.

    Thread Starter lukewilde

    (@lukewilde)

    Ah, ok thanks, i will take a look and try some stuff out.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving top navigation bar’ is closed to new replies.