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

  • Resolved carlosgonca

    (@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{
        display:inline;
        zoom:1;
    }

    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{
        float:right;
        position:relative;
        right:12px;
    }

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

    #access .menu-header,
    div.menu {
    	text-align:center;
    }

    and

    #access .menu-header ul,
    div.menu ul {
    		display:inline-block;
    }

    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 {
    display:block;
    z-index:999;
    position:absolute;
    text-align:center;
    }

    #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{
        display:inline;
        zoom:1;
    }

    But it wont work in IE.

    Sorry, I got it to work. Thanks anyway!

    Hey.

    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

    Alex

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