Main navigation centering

How do I center the main navigation menu

Please follow these instructions:

1. open style.css

2. find this line:

#navigation ul.navigation {width: 980px; position: relative; list-style: none; padding: 0; z-index: 45;}

and change it to read:

#navigation ul.navigation {width: 980px; position: relative; list-style: none; padding: 0; z-index: 45; text-align: center;}

3. find this line:

#navigation ul.navigation > li {float: left; z-index: 46; height: 48px; display: inline;}

and change it to read:

#navigation ul.navigation > li {z-index: 46; height: 48px; display: inline-block;}

4. save and refresh your site in front-end.

0