Home>Support>Changing Menu Font Size
  1. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Kdm-site

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    ul#menu-menu-1 {
    font-size:15px!important;
}

    You can change the size in px to achieve desired size

    Cheers

  2. 9 years, 6 months ago kdm-site

    Thank you. I was using the wrong code — I used: .

    main-navigation {
    margin: 0 -35px;
    background: #343538;
    font-size: 20px;
    position: relative;
    /* Font awesome icons */
    /* General menu link styling */
    /* For when the menu becomes a sticky menu */

    What is this (incorrect) code ‘handling’?

    Also, I added font-weight: bold; to your code and while I got the size I want the text didn’t change to bold. Any suggestions. I’d like to change the color too.

    Thx.

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Try this

    #header-sidebar .widget_nav_menu ul.menu > li > a {

/*replace red with the color of your choice*/
color: red!important;
/*to change how bold it looks adjust the font-weight number*/
font-weight: 600!important;
}

    Alternatively here is a guideon how to customize the menu. Please have a look

    Link: https://siteorigin.com/vantage-documentation/customizations/menu/

    Cheers

  4. 9 years, 6 months ago kdm-site

    Thx!
    ~Lynne

  5. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    Cheers

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