Change Font For Main Menu

Activello
1

Hello,
I am having trouble trying to figure out the best way to change the font in the main menu bar where my categories are at the top of the page. What is the best way to go about this?

Much Thanks!
Julia

2

Hi Julia,

I hope you are well today and thank you for your question.

You can try changing it by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.navbar-default .navbar-nav> li> a {
    font-family: arial;
}

Change the font arial in the above code to whatever you want to set.

Best Regards,
Movin

3

Awesome thanks! How will I know which fonts will work? Like in place of arial or Lora. Is there a list I can go off of?

Much Thanks!
JL

4

Hello there,

I hope you are doing well today.

Please have a look at the link below that shows what fonts would be safe to use in most browsers:
http://web.mit.edu/jmorzins/www/fonts.html

Best Regards,
Support

5

Hi,

How do you change the font size of the navigation?

Thanks,
Sharon

6

Hello @Sharonique,

Please open a new thread for a new issue.

You can use the following CSS code to change the font height by going to Appearance > Customize > Additional CSS and pasting it there.

.navbar-default .navbar-nav> li> a {
font-size: 12px;
}

Best Regards,
Support