Center Menu Bar

• 

  mpsaadmin · Member · Jun 6, 2013 at 1:51 pm

  • Copy link
  • Add topic to favorites

  Hey all, I really need help trying to center my menu bar…. Currently, it looks like this: http://www.ajpsblogging.wordpress.com –> I tried going into the CSS style and putting this in:

  #menu-primary {
  margin: 0 0 12px;
  width: 100%;
  }
  This moved up everything to one line which is great… But the menu still isn’t centered. I’ve tried text-align:center; as well, but to no avail…. Please help!

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

• 

  johnconners · Member · Jun 6, 2013 at 2:26 pm

  • Copy link

  This should center the menu bar:

  #menu-primary .menu {
float: none;
width: 850px;
margin-left: auto;
margin-right: auto;
}

• 

  johnconners · Member · Jun 6, 2013 at 2:27 pm

  • Copy link

  Let’s try that again, I don’t seem to be able to edit that comment:

  #menu-primary .menu {
  float: none;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  }

• 

  mpsaadmin · Member · Jun 6, 2013 at 2:31 pm

  • Copy link

  wow. thank you so much john!

• 

  justpi · Member · Jun 6, 2013 at 2:42 pm

  • Copy link

  @johnconners: Don’t use code tags. To display HTML or CSS in these forums, enclose it in backticks (see the note on allowed markup).

• 

  johnconners · Member · Jun 6, 2013 at 2:44 pm

  • Copy link

  Thanks @justpi, forgot where I was for a moment and remembered a millisecond after I hit ‘Submit’! :)