Skip to content

Instantly share code, notes, and snippets.

@mwender

mwender/replace-hamburger-icon-with-text.css

Last active January 17, 2024 17:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mwender/c4aef8fadbe8a15743c4cc55ae3c3c52 to your computer and use it in GitHub Desktop.
Save mwender/c4aef8fadbe8a15743c4cc55ae3c3c52 to your computer and use it in GitHub Desktop.
Download ZIP
Use the following CSS to replace the Elementor Nav Widget's mobile dropdown hamburger icon with the word "Menu". #elementor
Raw
replace-hamburger-icon-with-text.css
/* Use "Menu" for mobile menu */
selector .elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--open.eicon-menu-bar{
display: flex;
padding: 6px;
}
selector .elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--open.eicon-menu-bar:before{
content: 'Menu';
font-family: Roboto;
font-size: 18px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment