Hello all,
I've been working on modifying my "Hatch" themed site and have been stumped by centering my primary menu for quite some time now. I've made numerous changes to the primary menu code to no avail and am hoping somebody will be able to see something I'm not. I realize this has been touched on in other threads, but I have not been successful with any of the other replies. Below is the chunk of code I assumed would be the ticket as I was able to change the font size, style, etc.. Thanks in advance.
/* Primary menu
-------------------------------------------------------------- */
#menu-primary {
font-size: 1.5em;
font-style: italic;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 99;
}
#menu-primary .menu { text-align: center; }
#menu-primary .menu ul { text-align: center; }
#menu-primary li {
display: block;
float: 20px 0 0 0;
width: 100%
min-height: 30px;
}
#menu-primary li a {
line-height: 2em;
margin-left: 1.5em;
display: block;
font-weight: bold;
}
#menu-primary li.current-menu-item a { color: #aaa; }
#menu-primary li li, #menu-primary li li.current-menu-item li {
clear: both;
float: none;
}
#menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child { border-top: none; }
#menu-primary li li a, #menu-primary li li.current-menu-item li a {
font-size: 1.5em;
font-weight: normal;
text-transform: none;
color: #888;
margin: 0 5px;
padding: 12px 15px;
}
#menu-primary ul li a:hover, #menu-primary li ul li a:hover { color: #222; }