How to Make the Divi Active Menu Link Not Stay Blue

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