How to center menu in Twenty Ten theme?
-
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!
-
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 withmargin-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
- The topic ‘How to center menu in Twenty Ten theme?’ is closed to new replies.