This one you will need to do some minor custom CSS. If you are using Jetpack, you can do this with its own Custom CSS feature, otherwise, if you are using a child theme, you can use/edit the child theme’s style.css file, or, you can use a popular plugin called “Simple Custom CSS”.
The default css for the menu and it’s font size is:
.main-navigation {
font-size: 0.813rem;
font-weight: 400;
text-transform: uppercase;
}
So you will want to change the font size like this as your custom CSS code:
.main-navigation {
font-size: 0.813rem;
}
The font is using the size unit of “rem” instead of px (pixels) so that it keeps the font size relative and not fixed (always that size regardless). To find out what an rem value is in pixels, you can use this https://www.pxtoem.com online tool for reference. IT uses em’s but these can be used for rem instead. So a 1rem is 1em which is 16px.
As a side note, I realized I did not add any kind of typography management to this theme, not even basic settings. So I just made a note to add this feature to a theme update for Morphology.
