How to Center Top Nav Menu (4 posts)

  1. rleegarrison
    Posted 2 years ago #

    Here's the website: http://www.aryafarmproduce.com

    I'd like to make the entire menu centered if possible. I reviewed other forum topics and I just can't figure it out despite my css fiddling. Any help would be appreciated!

  2. RebeckaH
    Posted 2 years ago #

    Try changing the following code in your css at line 394

    .first {
    margin-left: 0;


    .first {
    margin-left: 100px;

    It should bump it to the center for you.

  3. rleegarrison
    Posted 2 years ago #

    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]

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    @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;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic