Home>Support>How can I centre the Menu on the screen

How can I centre the Menu on the screen

By Colin O'Rourke, 11 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].

Hi,
How can I centre the Menu on the screen?
See Seoul2Singapore.org for reference.

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

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

    HI Colin

    Please try the following under Appearance > Custom CSS:

    /* Vantage Center the main menu */

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

.main-navigation ul li {
display: inline-block;
float: none;
}
  2. 11 years, 3 months ago Colin

    Hi,

    Thanks for the support on this. I got it working!
    FYI: nothing happened when I added the code into” custom css”.
    But then I put it into the “edit css” and it worked!

    Regards,
    Colin

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

    No problem. It needs to be in Custom CSS to survive the next update of your theme. Please remove the changes from Appearance > Editor and put the following under Custom CSS (if you’re running Vantage Premium we have our own module Appearance > Custom CSS):

    /* Vantage Center the main menu */
 
.main-navigation ul {
text-align: center !important;
}
 
.main-navigation ul li {
display: inline-block !important;
float: none !important;
}
  4. 11 years, 3 months ago Colin

    Great – Thanks Andrew

  5. 11 years, 1 month ago Mark Payton

    Awesome, you guys rock… thanks for getting back to me. This worked a treat.

  6. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help.

    Last night we greatly improved our search so give it a try for future challenges, the answer might on the forum. If not we’re happy to help where we can.

  7. 10 years, 4 months ago James Carlyle-Clarke

    Thanks for that.

    I improved on it, to keep the sub-menu items left aligned:

    /* Vantage Center the main menu, but not the sub-menus */
 
.main-navigation ul {
  text-align: center !important;
}
 
.main-navigation ul li {
  display: inline-block !important;
  float: none !important;
  text-align: left !important;
}
    • 10 years, 4 months ago Andrew Misplon
      Hi, I Work Here

      Nice James, thanks for sharing that with everyone.

      All the best :)

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