To center the Nav in your style.css, take a look at line 1287 and add text-align: center;
to it like this –
/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
clear: both;
color: #ccc;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 1px;
letter-spacing: 0.1rem;
line-height: 1.5;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
Then change the float: left;
to float: none;
instead…..And then add display: inline-block
like this –
.genesis-nav-menu .menu-item {
display: inline-block;
float: none;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}