No results found. Try again with different words?

Search must be at least 3 characters.

How to Highlight the active menu item

As you probably know, there is an option in the Astra Theme Customiser Settings to highlight the active menu item.

There is no prep but let’s just check your customizer settings.

Navigate to Appearance> Customize > Header Builder> Primary Menu/ Secondary Menu. Then, navigate to the design tab (of either Primary/ Secondary Menu) to see the Menu Color option. Under the Menu Color option, you can see ‘Text/ Link’.

You set your active menu item color in the Active Link Color field.

How to Highlight the active menu item

This above-attached screenshot will be useful for users using regular headers.


If you are using the Transparent Header for all/ few pages on the website and want to highlight the active menu item,

Navigate to Appearance> Customize > Header Builder> Transparent Header.

Then, navigate to the design tab to see the Menu Color option. Under the Menu Color option, you can see ‘Text/ Link’.

You set your active menu item color in the Active Link Color field.

How to Highlight the active menu item

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form