Home>Support>Need help centering the navigation

Need help centering the navigation

I just began building a blog using the Vantage Theme. I am currently customizing it using a child theme and so far have gotten the header at the top with the navigation underneath. I am very new to WordPress but not to building sites with CSS, so I am wondering where in the CSS file (child) is the element that controls the navigation wrapper. I simply want to center it under the header, because it looks to be aligned to the left?
Your help would be greatly appreciated.

URL: http://www.drummingtheworld.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 15 hours ago Andrew Misplon
    Hi, I Work Here

    Hi Chris

    Thanks for running Vantage.

    Adding the following to Appearance > Custom CSS will center the main menu:

    /* Vantage center align the main menu */
    
    .main-navigation ul {
    text-align: center;
    }
    
    .main-navigation ul li {
    display: inline-block;
    float: none;
    }
    
    .main-navigation ul ul li { 
    text-align: left;
    }
    

    Hope that helps.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More