Hi Reneeann….thank you for your comment about my theme.
Regarding the font size for the menu, you can definitely do that with some custom CSS that you can add to the “Additional CSS” tab in the customizer. This is the theme’s default styling:
.primary-navigation {
font-family: "Playfair Display", Georgia, serif;
font-size: 1.125rem;
font-weight: 400;
font-style: italic;
}
So for you, the custom css would be:
.primary-navigation {
font-size: 1.125rem;
}
I use rem units for size, but you can use this PX to EM conveting tool to find out what a px (pixel) size is in rem (em).
For the submenu font size:
@media (min-width: 992px) {
.primary-navigation li li > a {
font-size: 0.938rem;
}
}
Thread Starter
Reneeann
(@reneeannmiller1194123)
Thank you! As I said, I’m new to this, so I changed it in the stylesheet. Was that the correct way to do it? Also, if I change the padding, will it bring the main menu back to the size it was?
You are very welcome….however, if you did that in the theme’s stylesheet, that is incorrect. Although that works, what will happen when a theme update comes along, is that your modification is going to be lost. The best way is to add the css code to the “Additional CSS” tab in the customizer. Or, if you use a plugin called “Simple Custom CSS”, you can put the code in that.
