thrippets 0 Report post Posted June 18, 2011 Hi all, Please see my very new project. It will have a lot of pages, and want the navigation menu items to center. I found some code in the forums: #nav_row ul{padding-bottom:10px !important; float:none !important; text-align:center;} #primary-nav li{float:none !important; display:inline !important;} #primary-nav a{float:none !important; display:inline !important;} Please see the website linked above. The 2 different rows are too close together and overlap. Any help with the CSS would be greatly appreciated. Thanks. Share this post Link to post Share on other sites
thrippets 0 Report post Posted June 18, 2011 BTW, it was OK before I tried centering it. Share this post Link to post Share on other sites
thrippets 0 Report post Posted June 18, 2011 Sorted! By myself! Added the bottom line and it's centered and lined up! #nav_row ul{float:none !important;text-align:center;} #primary-nav li{float:none !important;display:inline !important;} #primary-nav a{float:none !important;display:inline !important;} .main-nav {line-height:2.5em !important;} Share this post Link to post Share on other sites