Home>Support>Center menu

Center menu

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].

Hello,

Can you please tell me what css code I need to put in the custom css to center the menu?

Thank you so much!

URL: http://camperplaatsvlissingen.nl

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, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Floris

    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;
    }
    
    .main-navigation ul ul li { 
    text-align: left;
    }
    
  2. 10 years, 11 months ago Floris Willeboordse

    Hello Andrew,

    That didn’t work, the menu turned into a lot of blue blocks with no tekst in them.

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

    Sorry, that should have been:

    /* 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;
    }
    
  4. 10 years, 11 months ago Floris Willeboordse

    Hello Andrew,

    Is it also possible to set an image in the header instead of a color?

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

    Sure. Appearance > Customize > Page > Masthead Background, that’ll give you a header background image.

  6. 10 years, 11 months ago Floris Willeboordse

    Thanks, that worked!

    Can you also tell me how to remove the ”box” surrounding images (logo’s) when inserting them through the visual editor?

  7. 10 years, 11 months ago Floris Willeboordse

    And how to increase the font size when using the circle icon option, i tried to add a css code in the option box like this:

    p.normal {

    p {
    font-size: 23px;
    }

    but that didn’t work

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

    The image shadow and rounding can be de-activated from Appearance > Customize > Page > Image Shadow and Rounding.

    I’ve added the CSS for all Circle Icon font size selectors here:

    Thread: adjust font size text in circle icon home page

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