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, 5 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, 5 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, 5 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, 5 months ago Floris Willeboordse

    Hello Andrew,

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

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