Support » Themes and Templates » How to center menu in Twenty Ten theme?

  • Resolved carlosgonca


    I try to center with known “margin: 0px auto;” but didn´t do any effect to my menu. How can I fix it?

    Thanks a lot!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Did you ever figure this out? Trying to center my menu bar on the page as well

    Same here. In my case, I want to align it to the right.

    .menu{ text-align:center; }
    .menu ul{ display:inline-block; }

    for IE6 and IE7 also add (recommend to do it in separate file)

    .menu ul{

    You may also add display:-moz-inline-stack for Firefox 2, but I wouldn’t care, because almost nobody use that old version these days, and centered menu is not critical (it will be left-aligned in Fx 2)

    Another solution
    You may also manually move menu with margin-left, however you would need to readjust it every time you add/remove links on nav. bar.

    @isparkleen, you just need to add

    .menu ul{

    we’re talking about twentyten. so, do you mean in

    #access .menu-header, {


    #access .menu-header ul, ul {

    because that doesn’t work really. it leaves the menus in the drop-down position.

    I’m going to work on this and get back to y’all unless I misunderstood.

    Izvarinskij, works for me! Thanks a lot for your solution.

    Saracannon, for me I had to put like this:

    #access {

    #access ul{display:inline-block;}

    thanks carlosgonca! that works for me too.

    @izvarinskij – could you please explain further how you make it work in IE?

    I’ve added:

    .menu ul{

    But it wont work in IE.

    Sorry, I got it to work. Thanks anyway!


    Anyone who knows how I can allign the text in the menu. I want to center the text inside the rollover effect. Now it’s positioned right and I can figure how to center it


Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to center menu in Twenty Ten theme?’ is closed to new replies.