Moving the menu to the top of the page

• 

  therealroryo · Member · Feb 6, 2013 at 7:48 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I want my menu to be fixed to the top of the page. I already have the code for it:

  #access {
  background: #333;
  display: block;
  float: left;
  margin: 0 auto;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  }

  The problem is that when I am logged into wordpress, the wordpress bar at the top of the page covers the menu. When I’m logged out, everything looks fine.

  Here’s what I mean:

  

  Is there a way to have the location of the menu bar change depending on whether a person is logged in to wordpress?

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

• 

  designsimply · Member · Feb 18, 2013 at 3:28 pm

  • Copy link

  Is there a way to have the location of the menu bar change depending on whether a person is logged in to wordpress?

  There is! You can use the body classes to target each one:

  .logged-in

  So you might try adding something like this to the bottom of your custom CSS in the Appearance → Custom Design → CSS editor:

  .logged-in #access,
  .logged-in #wrapper {
  	padding-top: 28px;
  }

• 

  therealroryo · Member · Mar 7, 2013 at 10:21 pm

  • Copy link

  Thanks designsimply! I decided not to fix the menu for this layout, but I will definitely keep this info handy for next time!