skip to Main Content
Menu

Center Twenty Eleven Navigation Menu

Ever tried customizing the default twenty-eleven template in your wordpress installation? And have you ever wanted to center the navigation menu?  After searching the net, most of the suggestions i saw was to create a child theme.. etc.. etc.. but i thought to myself, why go to all the trouble? after all i am conquering the twenty-eleven on my client’s site.

To make the long story short, i was looking for a sweet solution that would simply update the current style.css… simple? we’ll here it is..

style.css line 567

#access ul {     
font-size: 18px;     
list-style: none outside none;     
margin: 0 0 0 -0.8125em;     
padding-left: 0;     
text-align: center; } 

style.css line 573

#access li {     
display: inline-block;     
*display: inline-block; /* css hack to prevent from IE issues */     
position: relative; }
I tested the above on chrome : Version 22.0.1229.79 m on IE : 8.0.6001.18702 and on Firefox : 15.0
Source : http://stackoverflow.com/questions/9737618/how-to-bring-navigation-menu-items-to-be-centered-wordpress-twenty-eleven

Alphonse

Editorial Staff at ETN Multimedia is led by Alphonse Tan. Page maintained by Alphonse Tan

Back To Top