How to Change Menu Font Size in WordPress

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.

How to Change Menu Font Size in WordPress

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 Comment

Your email address will not be published.