Changing your hamburger menu colour in Divi WordPress

I often came across this little problem – I want my menu bar to be the same colour as my high light colour in Divi. It caused me all sorts of problems and in this tweak Im going to show you haw to fix on of the most common issues, the hamburger menu colour.

The great thing about this tweak is it can be used for any site in any situation because you may want to change that colour for other branding reasons.

No with this simple snippet you can.

Just paste the below snippet in the custom code area and you are have resolve the situation.

You can set the colour value to be any value you need.

If you need a more in depth review – please watch the screencast video and enjoy this weeks tweak of the week.

Tweak of the Week – How to clear the Local Storage

When you are editing Divi Websites you need to be able to clear local storage whenever you update your divi modules.

This is especially true for any of the updates we do here with our modules at Divi Framework.

Watch the tweak of the week screencast to work out how to clear the local storage and save lots of pain in Divi Module Updates.

Having Multiple colours in your submenu with Divi

In this screen cast I will cover a quick and simple tweak for having multiple colours inside your Divi Submenu items from the Main Menu.

This is a really effective tweak for making each section different than the other and to create a bit of a distinct look and feel. This works really well for Product based websites.

The CSS snippet in the Screencast can be found here

Or you can copy it from below.

Hope you guys enjoy this tweak of the week and look forward to the next one.

You can subscribe to my youtube channel so you are notified each time a new tweak is released.


Divi Breadcrumb CSS

I created a quick video for everyone on the CSS edits for Divi Breadcrumb Module at Divi Framework.

This is a simple little edit that I perform on a lot of sites when using the breadcrumb so I wanted to make sure you were all aware of how to do it.

Watch the video below and let me know what you think.

The Gist for the code is also available here.

For those wanting to see the effect you can see it in use on our own website.

The website we used for the demonstration is

WooCommerce 3.0 and Divi

We had a great announcement from the WooCommerce team with 3.0 being released in the past week.

It has some amazing features particularly the API setup and oAuth 1.0a. Im really excited about getting my teeth into that for some of our integrations.

However Divi is currently not compatible with the upgrade. Its important to make sure that you do no upgrade to WooCommerce 3.0 with Divi at its Version: 3.0.40. You will get errors in the product layout page.

Im looking into how to deal with this in the short term but the best thing to do is not have your site auto update.

In the meantime checkout the latest news on WooCommerce 3.0 and hopefully the release for the fixes from Divi will come very soon.

Get Access to our Themes & Plugins

Trusted by 1000+ Websites

Become a member to use our themes & plugins for an unlimited number of sites. Free and Premium options!

30-Day Money Back Guarantee

Not satisfied? Your money back, no questions asked.