HowTo: Change the Elementor Dropdown Icon to Text

Recently I had a client who didn’t like that mobile “hamburger” icon that comes default with the Elementor Nav Menu widget. I’ve never been much a fan of those either as the uninitiated have no idea they’re supposed to click those to open a website’s menu.

Need help with WordPress, Elementor, or anything else web related?
I’ve made it easy to schedule a LIVE Zoom Call with me.

So, I wrote the following CSS to replace that hamburger icon with the word “Menu”:

https://gist.github.com/mwender/c4aef8fadbe8a15743c4cc55ae3c3c52

Add the above CSS to the Advanced > Custom CSS section of your Elementor Nav Menu widget.

You add the above CSS in the Custom CSS section of the Elementor Nav Menu widget: