How to Make the Divi Active Menu Link Not Stay Blue

by Last Updated: Sep 9, 2019Blog, 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.

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 Blue Biz Child Theme
Share This