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. ottaviagambardella
    Member

    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. ottaviagambardella
    Member

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

  6. ottaviagambardella
    Member

    sarannaelford how did you increase the padding?
    thank you

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

  9. ottaviagambardella
    Member

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

  10. Thanks :)

Topic Closed

This topic has been closed to new replies.

About this Topic