How to center align nav menu
Hey All,
Anyone knows how to center align my nav menu? i have white spaces between my Home and About tab. Here is my style.css. Thanks in advance!
.home #access {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#access {
border:1px solid #ccc;
background-color:#fff;
position:relative;
z-index:1000;
box-shadow:0 1px 0px #fff;
-webkit-box-shadow:0 1px 0px #fff;
-moz-box-shadow:0 1px 0px #fff;
}
#access select {
margin: 10px 0;
width: 100%;
border: 0 none;
color: #474E55;
background: none;
font-size: 14px;
}
#access ul {
margin:0px;
list-style:none;
}
#access ul li.responsive-menu {
display: none;
}
#access ul li {
float: left;
list-style: none outside none;
margin: 0px auto;
padding: 0;
width: 139px;
}
#access ul li a {
padding:0 45.324px;
display:block;
font-size:15px;
line-height:48px;
color:#444;
float:left;
}
#access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a {
background-color:#006cff;
color:#fff;
box-shadow: 0 5px 8px #282828 inset;
webkit-box-shadow: 0 5px 8px #282828 inset;
moz-box-shadow: 0 5px 8px #282828 inset;
}
/* Dropdown */
#access ul li ul, #access ul li:hover ul li ul {
display:none;
list-style:none none;
z-index: 9999;
}
#access ul li:hover ul, #access ul li ul li:hover ul {
display:block;
}
#access ul li ul {
position:absolute;
background-color:#444;
top:48px;
left:0px;
padding:0px;
width:185px;
margin:0px;
}
#access ul li ul li ul {
left:185px;
top:0px;
}
#access ul li ul li {
float:none;
border-bottom:1px solid #666;
border-right:0 none;
}
#access ul li ul li a {
padding: 7px 10px;
color:#999;
float:none;
line-height:18px;
font-size:13px;
font-weight:normal;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a {
background-color:#333;
text-decoration:none;
color:#fff;