How to add WordPress Menu Icons for free (2 Methods)

Learn how to add font awesome icons to WordPress menu for better looking menus and headers on your WordPress site.
This snippet requires the following Themes/Plugins/Services/Tools:
  • Delete ICON text and replace it with your icon HTML code
  • Remove Before & After and put your Menu text wherever you want
  • Use this code snippet as a guide to paste the HTML code
  • I prefer method 1 since it works with Elementor free as well, given the page header was used was built using Elementor
  • Otherwise use Elementor Theme Builder to build your header
Copy the snippet from below:

<span>Before ICON After</span>


Learn Elementor Custom CSS from the scratch. Up your Web Design game!