Changing Your Hamburger Menu Colour in Divi WordPress

Nov 15, 2021 | Digital Marketing

I often came across this little problem – I want my menu bar to be the same color as my high light color in Divi.

This problem will arise when you set your Menu Bar to be the same color as the Highlight for links and buttons in Divi. If you want a dark navigation header and a dark link color you will find this visual bug occurs.

A simple way to adjust the Divi Theme Hamburger Menu Color

Using a CSS Snippet is the easiest way to adjust the color and get your desired result.

You can add this snippet to your Divi Theme.

In the WordPress, Dashboard go to your Divi -> Theme Options Menu Item.

Divi Theme Options Menu
Go to the Divi Theme Options Menu

You can add global custom CSS to your Divi Theme in the “Custom CSS” text area.

Copy the Below snippet or get it directly from GIST.


After selecting the menu you are on the options page for Divi Theme so scroll down to the “Custom CSS” area. Its the last box on the page.

Paste this snippet into your Custom CSS area. Make sure to change the color to the color you want.

This will need to be a HEX value or an RGB code.

Paste this snippet into your Custom CSS area
Paste the Snippet inside your Divi Theme


Submit a Comment

Your email address will not be published. Required fields are marked *

About Digital Alif

We are Digital Alif Technologies Pvt. Ltd. and we help all Indian and International businesses with establishing a prominent online presence. Our team of experts stays on top of all the latest trends and is fully capable of leveraging them for marketing and branding purposes

Join hands with us as we assist you to enrich a footprint on the world through the medium of digital, as we have done for so many businesses

Contact Info

Phone Number: +91 97305 60205

For Official Enquiry: [email protected]

For Sale: [email protected]

Digital Alif
Digital Alif

Pin It on Pinterest

Share This
Open chat
Need Help?
Hi, How can I help you today?