A menu is a list of links that are usually shown on the top of each page on a website as a horizontal link bar.
It plays a vital role in helping visitors to navigate to the different locations of a website. So it’s important to have a user-friendly menu.
When it comes to making your menu user-friendly, you might want to increase or decrease the font size of your WordPress menu.
If so, you’re in the right place. Here I’ll be sharing how to change menu font size in WordPress in both block and classic themes.
Supercharge Your WordPress Block Editor!
Changing The Menu Font Size In Block Themes
Changing menu font size in a block theme is extremely easy. Here we will show you how to do it in the GroundWP theme.
Step 1: Go to your WordPress Dashboard and navigate to Appearance > Editor.
Step 2: Click on the Header part.
Step 3: Then select the ‘Navigation’ block (1) and click on the Styles tab (2). You can change the font size from the ‘Typography’ section.
Don’t forget to click on the ‘Save’ button to save the changes.
Changing The Menu Font Size In Classic Themes
Adding a simple CSS code will do the trick for you. Let’s see how to do it.
Step 1: At first, go to your WordPress Dashboard and click on ‘Customize’ from the ‘Appearance’ menu.
Step 2: Once you’ve entered the customization screen, click on the ‘Additional CSS’ option.
Step 3: Copy the following code.
ul.sf-menu li.menu-item a{
font-size:20px;
}
ul.sub-menu li.menu-item a{
font-size:10px;
}
Here the primary menu font size is 20 and the submenu font size is 10. If needed, change the font size.
Now paste the code into the Additional CSS and click on ‘Publish’ to save the changes.
That’s it. You’ll notice that the font size of your menu has been changed.
Conclusion
Hope this post helped you to change the font size of your WordPress menu. If you’ve faced any issues regarding this, feel free to let us know via comment.
If you’ve liked the post, consider sharing it on your social accounts.
Also Check:
Leave a Reply