How to Center Top Nav Menu

Try changing the following code in your css at line 394

from:
.first {
margin-left: 0;
}

to

.first {
margin-left: 100px;
}

It should bump it to the center for you.

Thank you so much for your prompt response, and I’m sorry that I never saw it until now!! At the time I just made more menu items to make it appear centered, but I’ve now finally completed the text content and trimmed down the menu. So, back to trying to center the menu.

I did what you suggested but it didn’t work. I’ve tried messing with the CSS in regard to the menu, but nothing has worked.

Here’s the original CSS for the top-nav and dropmenu:

[no need to post CSS – it’s all visible on your site]

@rleegarrison – you really should avoid making any changes to your theme files – as your changes will be overwritten when the theme is updated. Instead you can use a Child Theme – or if you are only making CSS changes, you can do those via Custom CSS – if your theme does not have that option, add it via a plugin such as Custom CSS Manager.

Once you have that set up, try adding this CSS:

#top-nav {
    display: table;
    margin: 0 auto;
}