How do I centre my Navigation Menu?

  • Author
    Posts
  • #1250949

    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.

    #1251185

    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.

    #1251250

    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!

    #1251251
    #1251255

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

    #1251261

    sarannaelford how did you increase the padding?
    thank you

    #1251281

    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;
    }
    #1251282

    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.

    #1251286

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

    #1251292

    Thanks :)

The topic ‘How do I centre my Navigation Menu?’ is closed to new replies.