How to Make the Divi Active Menu Link Not Stay Blue

by Last Updated: Oct 15, 2023Blog, WordPress Tips

This will be another short blog post, as I just wanted to write about a quick fix to one particular problem that I’m sometimes experiencing with Divi.


Divi Active Menu Link


The problem is that when I choose a different color than the default blue or if I set a custom color in the Divi customizer (in General Settings > Layout Settings) as the “theme accent color”, the active menu link in the primary menu still remains blue. And this is something that I do not want. So I tried searching the ET support forum and I found the following solution:

#main-header #top-menu li.current-menu-item > a {

color: #db2391 !important;


Just insert this code into the Divi custom CSS code box (in Divi Theme Options General Settings) or to your child theme’s style.css file (if you don’t know what is a child theme, you can check my other article that explains what is child theme). And don’t forget to replace the color code #db2391 to your desired color.

And you might also like to read my other article in which I explain how to add social icons to a Divi menu.

Also, since the Divi version 4.0, that was released in October 2017, it is now possible to design a custom header for your website using the Divi Theme Builder feature.

Looking for more Divi quick tips? Feel free to subscribe to my newsletter and I will email you when I write a new post.

Note: This code works only if you have a custom primary menu created in your WP admin panel. So if you don’t have one yet, go to Appearance > Menus and create a new menu & add your pages to it. Also, choose the option “Primary Menu” as Display location.

5 Free WordPress Plugins You Should Use

Banner - Author Box for Divi Plugin


Author: Andrej

WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I’m not working with WordPress or writing an article for this blog, I’m probably learning Italian. You can read more about me here.