This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Changing font in nav menu

Open 5 replies premiumthemetheme-vantage
Started · Latest reply by Andrew Misplon

Hello,

I am trying to change the font in my navigation menu using the CSS plugin but it only presents me with the code for the hover font, not the regular font. (As soon as I pass my cursor over the menu items it automatically goes to “hover”.) Can someone please give me the code for customizing the regular font in the nav menu?

Thanks!

Alda

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff

    Hi Alda

    You can fix/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.

    /* Set Menu Font Family and Size */
    .main-navigation {
    	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
  2. Alda

    Excellent, thank you!

  3. Alda

    Oops, one more thing: can you help me change the size? I have added this to the code:

    font-size: 1em;

    but it doesn’t seem to do anything. Is there something else I should do?

    Thanks!

  4. Alda

    Sorry – I actually had 2em; – not 1em;

  5. Andrew Misplon Staff

    Mmm that should work. Try being more specific then:

    .main-navigation ul li a {
    font-size: 16px;
    }

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.

Have a different question or issue?

Start New Thread