Need help? Check out our Support site, then


How do I centre my Navigation Menu?

  1. Hi,

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

    The blog I need help with is zontafashionshowcase.wordpress.com.

  2. 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.

  3. 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!

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

  5. sarannaelford how did you increase the padding?
    thank you

  6. 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;
    }
  7. 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.

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

  9. Thanks :)

Topic Closed

This topic has been closed to new replies.

About this Topic