How to add menu icons

Since all of our themes come with Font Awesome Icons support, simply follow the instructions below to add icons to your menu items.

Step 2: Show CSS Classes Options on Menu Screen

When you navigate to Appearance >> Menus and edit individual menu items, you’ll need to make use of the “CSS Classes” option. This can be toggled on using the “Screen Options” menu at the top of the page.

screen-options

Step 3: Enter the CSS Class for the Menu Icon

The last step is to locate the CSS class for the icon you want to use and paste it into the CSS Classes field for the menu item you want to update.

For a complete list of icons you can use visit the Font Awesome Cheatsheet.

CSS Classes for menu item