Home>Support>How to position menu links from the left top left side of the screen to the middle or right?

How to position menu links from the left top left side of the screen to the middle or right?

By sschmitt, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am trying to figure out how I can move my menu items “Home” “About Us” ect.. from the top left to center or right of the screen?

URL: http://www.ritdllc.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. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    To center the main menu, insert the following under Appearance > Custom CSS:

    /* Vantage center align the main menu */

.main-navigation ul {
font-size: 0;
text-align: center;
}

.main-navigation ul li {
display: inline-block;
float: none;
font-size: 13px;
}

.main-navigation ul ul li { 
text-align: left;
}

    To right align it, change the first text-align: center; to text-align: right;

    Hope that helps.

  2. 9 years, 9 months ago sschmitt

    Works great thanks!

  3. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help.

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