Changing the open mobile menu icon

By default, the Divi mobile menu icon, called “burger icon”, is displayed both when the menu is closed and when it is open.

You can easily change the open menu icon with this code snippet.

Here is a live example:

And here’s how it works:

Add the following code to your stylesheet in the Divi Child Theme or insert the code into the section Additional CSS in the Divi Theme Customizer:

.opened .mobile_menu_bar:before {
    content: "M";
}

Done! Now the icon should change when you open the mobile menu.

If this code snippet helped you or if you have any questions about the code snippet, I’d love to hear from you in a short comment!