How to Change Menu Font Size in WordPress (Block & Classic Theme)

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.

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 a{
ul.sub-menu a{

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.


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:

Was this helpful?

Thanks for your feedback!

3 responses to “How to Change Menu Font Size in WordPress (Block & Classic Theme)”

  1. steviewonder47 Avatar

    same it did not work for me. Using astra theme

  2. Torben Wendelin Avatar
    Torben Wendelin

    I can’t make it work – no change in menu-text-fontsize
    and I have followed your description exactly, as far as I can see
    Please advice

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Which theme are you using?

Leave a Reply

Your email address will not be published. Required fields are marked *

Introducing New Table Block Plugin - Tableberg

Need help?