Do you want to change color menu in Astra Theme? In this post, you will learn the step-by-step tutorial on how to edit the primary menu header color in the Astra WordPress theme.

The blog menu color plays a vital role in any website design.

For a good user experience, the navigation menu is important and a big part of your website architecture. It leads users to various parts of the website and gives glue to what section on the page they are on.

Therefore, it makes sense to have a color menu that is unique from the rest of the website elements. So it does not get buried on the page and is hard to see or click. 

Here is how to edit the Astra theme menu color in 5 easy steps.

5 Steps to Change Color Menu in Astra Theme

Before I walk you through this Astra theme color menu tutorial, download it from this link if you don’t have the Astra theme. It s free. There is no string attached. Only an email address and your name.

As a beginner, the free Astra theme is sufficient for your need. However, if you want more control, features, and branding, Astra Pro offers more advanced features and functionalities. At $47/yr, Astra Pro is reasonably priced and gives value for money. You can check the complete Astra Pro features from this link.

Away from that, let’s get into the tutorial…

Step 1. Appearance

Go to WordPress admin, and click on Appearance from the menu list. 

WordPress admin menu - Appearance>>customizer

Step 2. Astra Header Builder

Select the header builder for the list on the open customizer page. This is the Astra theme customizer panel.

Astra header builder feature

Step 3. Primary Menu

Now that you’re in the header builder control settings select the primary menu. 

Primary menu in Astra theme customizer

Step 4. Design Tab

Next, click on the design tab. I will reveal the setting for primary menu elements.

Design panel in Astra theme

Step 5. Customize Settings

Scroll down a bit on this page to locate the menu color section. You can use the menu background color, text, and link. There are 3 color settings to define – Normal, Hover, and Active.

Astra menu color selector

When you click on any of the color selectors, you get a variety of color options to choose from. The most important thing is to think through your blog design and pick a color theme that matches your overall brand image and identity.

Remember to click the published button when you are finished with your selection. That’s how to change the color menu in the Astra theme.


Changing the color menu in the Astra theme is not difficult, even beginners should run through it within 40 seconds. Follow the steps described in this post, and you should be fine. 

Let me know if you have any questions or encounter errors with the steps described here.

Similar Posts

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.