In this tutorial, we will show how to add font-awesome icons on your WordPress header menu and navigation menu easily using our WordPress themes menu engine.


How To Add Icons To WordPress Header Menu?


To start you need to login to your WordPress dashboard. after login navigates to the ‘Appearance’ tab, click on the ‘Menu’ once on the menu editor panel make sure you’re on your primary menu (the menu you save as your main menu to display on your site header navigation).


Once on the menu editor page select the menu item tab to open the menu item editor, you will see a field called ‘Icon’. you will enter the icon code in this field. To get the icon code you can enter n the font-awesome site and select the icon you want, let get an example ‘fa-bullhorn‘ you will click on the icon to get the icon-name, all start with ‘fa-iconName’. Copy this code.

Font-Awesome Icon
Font-Awesome Icon


Go back to your menu item editor, and post the icon code you copied from font-awesome on the ‘icons’ field. Save your changes by clicking on ‘Save Menu’ and all done. you icons it’s new in the header navigation menu.

add icon on your header menu using WordPress theme
add an icon to your header menu using WordPress theme


Please watch the video tutorial below for adding an icon to WordPress navigation menu. Note: All Visualmodo WordPress themes have this easy options to add icons and you will notice an icon selector on your menu editor to a better icon selection.

Award-Winning 24/7 customer service

Everyone on our Customer Care team is an experienced Visualmodo user and works in our office. Nothing is ever outsourced. We are here to give you all the support you need on your WordPress site creation!

Visualmodo WordPress Themes Support

Once again, thanks for purchasing one of our themes!

If you need any help or have any suggestions, please feel free to contact us for Help Desk. If you loved the theme, we would really appreciate it if you could rate it.