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!

Share this post, if you got any value from it!

🔥 Der DIVI CYBER MONDAY SALE ist da! Sichere dir NUR FÜR KURZE ZEIT Deine Divi-Lifetime-Lizenz mit 25% RABATT!Jetzt Divi-Rabatt sichern *