How to change the Divi mobile menu icon color for the Divi WordPress theme.

Have you been working on your Divi based WordPress website only to find that the mobile version of the Divi menu’s color does not match your chosen Divi theme colors? The Divi WordPress theme has mountains of options but changing the color of the hamburger mobile icon sometimes is finicky. As always, before you make any changes to your WordPress website or WordPress theme, make sure you have a recent complete backup of your complete installation.

To change the color of the Divi theme mobile hamburger icon, you will need to copy and paste this CSS snippet at the very bottom of the Divi theme options page.


span.mobile_menu_bar:before {
    color: red !important;

Make sure that after you paste the snippet, set the color within the snippet to what suits you. You can use HTML color codes here. I think I had originally seen this on one of my favorite Divi sites, can’t remember. However, it’s a fantastic site with a really great Divi plugin, check it out: