Skip to content

Instantly share code, notes, and snippets.

@julian-stark

julian-stark/replace-eicons-with-font-awesome-in-elementor-templates.css

Created December 31, 2018 13:42
Show Gist options
  • Save julian-stark/08af8559a691b0b8b39bf7c509bcf1a7 to your computer and use it in GitHub Desktop.
Save julian-stark/08af8559a691b0b8b39bf7c509bcf1a7 to your computer and use it in GitHub Desktop.
Download ZIP
If you use Elementor Pro for the header, the Eicons font is used for the hamburger icon. This CSS code replaces it with Font Awesome icons.
Raw
replace-eicons-with-font-awesome-in-elementor-templates.css
/*
* Replace Eicons with FontAwesome
*/
.eicon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elementor-menu-toggle i:before {
content: "\f0c9";
}
.elementor-menu-toggle.elementor-active i:before {
content: "\f00d";
}
@nikkikrs
Copy link

nikkikrs commented Sep 29, 2020 •
edited
Loading

Thank you @presswerk. Been searching for the answer for days. Great code and worked perfectly!

@SM-Fahim
Copy link

This blog helped to replace the icons with custom icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment