How to Make the Divi Active Menu Link Not Stay Blue

by | Last Updated: Jan 16, 2017 | 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 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 email me your question and I might write about it the next time.

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

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.

Share This