WordPress: centering the top menu in twenty-eleven

in Stylesheet (style.css):

/* =Menu
————————————————————– */

#access {

removing float:left;
add text-align:center;

#access ul {

add display:inline-block;

Then there is a bottom padding that appears, change:

/* =Header
———————————————– */

#branding {
padding-bottom: 0px;

add to the <head> section in header.php the following ie7 fix:
<!–[if IE 7]> <style type=”text/css”> #access ul{display:inline;zoom:1;} </style> <![endif]–>

Leave a Reply

Your email address will not be published. Required fields are marked *