Center Navigation Menu

[thrippets 0]

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.

[thrippets 0]

BTW, it was OK before I tried centering it.

[thrippets 0]

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;}