Changing The Divi Menu Module Icon To An X
This is going to be a short tutorial, but we all love quick and easy, right? Changing the Divi Menu Module hamburger icon into an X is a simple process. By default, the icon is part of a built-in icon font called ETmodules that comes with Divi. The default icon code for the hamburger menu is 61, and we are changing that to the X when the menu is opened, which has an icon code of 4d. So once you press the hamburger menu icon to open the menu, the icon gets replaced and it provides a better user experience.
As usual, copy and paste the following little snippet into the Divi>Theme Options>Custom CSS box.
That was about as easy as they come! Just one tiny snippet and the Divi Menu Module now has an X as the open icon!