Centering menu navigation?

#access {
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;

}
#access ul {
display: inline-block;
}
#access li {
float: left;
position: relative;
padding: 0 20px 0 0;
}
li.default-menu {
display: inline-block;
}
#access a {
color: #777;
display: inline-block;
text-align: center;
font-size: 14px;
text-transform: uppercase;
padding: 16px 0 0;
height: 39px;

Here is what i’ve tried but to no avail

Hi khyhsmith
Did you come right with this because I’m having the same problem?

@azuredesigns: Please start your own support thread in future as per the forum rules. It makes support easier, as well as helping to keep threads more manageable and easier to search.

In regards to this problem, I see @khyksmith managed to resolve this issue by using the following CSS:

#access {
text-align: center;
}

#access ul{
display: inline-block;
}

This CSS should be added to your theme via a child theme or a custom CSS plugin. Do not edit your theme’s files directly, as this will cause any changes you make to be lost when updating the theme in future.

Appologies. Thanks for the help. It works

You’re welcome. ??