How do I centre my Navigation Menu?

• 

  sarannaelford · Member · Apr 30, 2013 at 4:49 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m having trouble centering my Navigation Menu?
  I’m using customised Twenty Eleven Theme.

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

• 

  designsimply · Member · Apr 30, 2013 at 9:01 pm

  • Copy link

  To center the Twenty Eleven menu, add this to your Appearance → Themes → Customize → CSS panel:

  #access {
  	text-align: center;
  }
  #access div {
  	margin: 0;
  }
  #access ul {
  	display: inline-block;
  }

  Note that if you’ve added any other custom CSS for the menu, you may need to adjust it or remove it.

• 

  ottaviagambardella · Member · May 1, 2013 at 9:19 pm

  • Copy link

  Hi!.. I added the above CSS code for my menu bar but now there is displayed an “extra black orizontal line” under the name inside the menu (you can see it going with the mouse on one of the name in the menu), How can I fix it?

  Thank you very much!

• 

  ottaviagambardella · Member · May 1, 2013 at 9:19 pm

  • Copy link

  my blog is http://thejourneyportfolio.com/

• 

  sarannaelford · Member · May 2, 2013 at 12:56 am

  • Copy link

  Thanks Design Simply, I actually fixed it by increasing the padding between the menu items.

• 

  ottaviagambardella · Member · May 2, 2013 at 12:00 pm

  • Copy link

  sarannaelford how did you increase the padding?
  thank you

• 

  designsimply · Member · May 3, 2013 at 4:33 pm

  • Copy link

  now there is displayed an “extra black orizontal line” under the name inside the menu (you can see it going with the mouse on one of the name in the menu), How can I fix it?

  .menu-mio-menu-container {
       height: 43px;
  }

• 

  designsimply · Member · May 3, 2013 at 4:33 pm

  • Copy link

  sarannaelford how did you increase the padding?

  sarannaelford added extra padding to each menu link with this CSS:

  #access a {
  	margin-left: 28px;
  }

  You could do that, but you would need to adjust the value for your menu because the amount of padding needed will vary depending on the number and size of your menu items.

• 

  ottaviagambardella · Member · May 3, 2013 at 7:08 pm

  • Copy link

  Thank you very much! You really are of help!, as usual :)

• 

  designsimply · Member · May 6, 2013 at 7:43 pm

  • Copy link

  Thanks :)