Home>Support>Changing font in nav menu

Changing font in nav menu

By Alda, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

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. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    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. 8 years, 11 months ago Alda

    Excellent, thank you!

  3. 8 years, 11 months ago 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. 8 years, 11 months ago Alda

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

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

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More