Keeping menu of top of content

• 

  jackallen101 · Member · Jan 9, 2013 at 1:12 pm

  • Copy link
  • Add topic to favorites

  I’ve sorted it so that my top navigation is now in a fixed position, and it naturally stays on top of all of the rest of the content, except for the .”site-title”, which when you scroll down stays on top of the menu.

  http://jackjallen.wordpress.com/

  Obviously for aesthetics I’d like to be able to keep the menu on top throughout the entire blog.

  Any suggestions?

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  jackallen101 · Member · Jan 9, 2013 at 2:23 pm

  • Copy link

  Have resolved now. Had to give the “site-title” and “main-navigation” a z-index number… 1 and 2 respectively.

  This means that the main-navigation now takes priority over the site-title as it has a higher number.

  .main-navigation {
position: fixed;
background: #40391E;
z-index: 2;
}

  .site-title {
  z-index: 1;
  }