# How To Change Menu Font Size In Astra? (7 Simple Steps)

Want to change the font size of the menu in the Astra theme? Here are 7 simple steps to do just that.

Author: Abhijit Rawool
Source: https://abhijitrawool.com/how-to-change-menu-font-size-in-astra/
Published: 2021-03-24T09:23:56Z
Updated: 2024-02-23T05:25:43Z

Want to change the menu font size in the Astra theme?

Then, you are reading the correct tutorial.

Here’s how to do it…  
  

## **How To Change The Font Size Of The Menu In Astra Theme?**

**Step 1:** Install and activate the [Astra Pro plugin](/recommends/astra-pro/ "Astra Pro").

**Step 2:** Go to Appearance > Astra Options and activate the Typography Module.

<img loading="lazy" decoding="async" width="777" height="1024" src="/wp-content/uploads/2021/03/activate-typography-module-of-astra-777x1024.png" alt="Activate Typography module of Astra">

**Step 3:** Go to the front-end of your website and activate the WordPress Customizer.

<img loading="lazy" decoding="async" width="462" height="30" src="/wp-content/uploads/2019/02/customize-link.png" alt="Customize Link">

**Step 4:** Now, go to Header > Primary Menu in the WordPress Customizer panel.

**Step 5:** Scroll down until you see the Menu Font option. Click the Edit icon.

<img loading="lazy" decoding="async" width="882" height="1024" src="/wp-content/uploads/2021/03/edit-menu-font-size-in-astra-882x1024.png" alt="Edit Menu Font Size in Astra">

**Step 6:** Now, set the desired font size in the Size field.

<img loading="lazy" decoding="async" width="882" height="1024" src="/wp-content/uploads/2021/03/set-menu-font-size-in-astra-882x1024.png" alt="Set menu font size in Astra">

**Step 7:** Publish your changes.

And that’s it!

That is how you can change the menu font size in the Astra theme.

**Interesting Further Reading:**

-   [Astra Theme Review – Why I Am Using Astra Since 2017](/astra-theme-review/)
-   [Astra vs Genesis Theme – Why Comparing These Two Themes Is Stupidity](/astra-vs-genesis/)
-   [How To Add Slider In Beaver Builder? (Without Using Another Plugin)](/how-to-add-slider-in-beaver-builder/)
-   [How To Add A Background Image In Beaver Builder Without Code?](/how-to-add-a-background-image-in-beaver-builder/)  
      
    

## Remember…

If you are using the free version of the Astra theme, then the only way to change the font size of the menu is by writing CSS code.

I am not in favor of writing any code; leave aside writing only CSS code.

The problem is that you will have to keep maintaining that code for a long time.

Not so ideal because things change rapidly online.

The code that works today might not work a few months down the line.

So, it’s better to invest some money and get the Astra Pro plugin.

This will save you a lot of sleepless nights trying to write CSS code.
