Center menu in Fresh & Clean

• 

  lymetrail · Member · Feb 18, 2013 at 10:41 pm

  • Copy link
  • Add topic to favorites

  Hi – I would like to have the menu links centered, instead of left aligned as they are.

  I tried this:
  #access {
text-align: center;
}

  That didn’t work! Any expert advice would be appreciated :-)

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

• 

  designsimply · Member · Feb 22, 2013 at 9:44 am

  • Copy link

  That’s a good start! Centering menus can be tricky. You can use text-align: center like you first tried if you also make the menu list itself use “inline-block”. Here is an example that will center the main menu on the Fresh & Clean theme:

  #access {
  	text-align: center;
  	padding-left: 0;
  }
  
  #access .menu {
  	display: inline-block;
  }