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, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 10 years, 7 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. 10 years, 7 months ago sschmitt

    Works great thanks!

  3. 10 years, 7 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