"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page"
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 part of the website, and give glue to what section on the page they are.
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.
Table of Contents
5 Steps to Change Color Menu in Astra Theme
Before I walk you through this Astra theme color menu tutorial, if you don’t have the Astra theme, download it from this link. 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.
Step 2. Astra Header Builder
On the customizer page that opens, select the header builder for the list. This is the Astra theme customizer panel.
Step 3. Primary Menu
Now that you’re in the header builder control settings, select the primary menu.
Step 4. Design Tab
Next, click on the design tab. I will reveal the setting for primary menu elements.
Step 5. Customize Settings
Scroll down a bit on this page to locate the menu color section. You can the menu background color, text, and link. There are 3 color settings to define – Normal, Hover, and Active.
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 describes in this post and you should be fine.
If you have any questions or encounter errors with the steps described here, let me know.