How to change font size in menu bar

Add this to your custom CSS file:

.site-primary-menu {
  font-size: initial;
  font-weight: 600;
}

Or use a custom CSS plugin

Awesome!! Thanks. That worked.

You’re welcome ??

What about changing the font of the menu bar?

The font family?

Use almost same code:

.site-primary-menu * {
  font-size: initial;
  font-weight: 600;
  font-family: sans-serif;
}

Remember to update sans-serif to your preferred font name. Your actual theme has these fonts which you may want to choose from them:

– Font —– Usage ———————————
– ‘Raleway’ ( font-family: 'Raleway', sans-serif; )
– “Courier 10 Pitch” ( font-family: "Courier 10 Pitch", sans-serif; )
– ‘Roboto’ ( font-family: 'Roboto', sans-serif; )
—————————————————-

Ok I used the Font editor Use any font and changed it but it made it small again. I tried to do the same thing you suggested earlier to enlarge the font and now it won’t work. I want the font to be a certain font so I used that plugin.

I see. Well then, now instead of using initial size, set it to a px or em value :

.site-primary-menu {
  font-size: 1.33em;
  font-weight: 600;
}

And I know you are going to adjust 1.33em the way you want, to make a proper font size.

That worked perfect!! Thanks again for the help.

You’re welcome.

Have a nice day!

It’s been a while since I asked on this link but what if I can’t get the font family to change on the menu or the headings of the pages. I am just not liking the Use Any font that I picked but I can’t get it to change when I go through appearance, customize and then typography.