Add Icons to Your Menu

In this tutorial we will be adding icons to go above each menu item in the primary menu of your site. It’s a simple process as the code is already built into the Virtue theme.

Step one is to look through the icons available and choose which ones you will want to use. To view a full list of the icons click on the image below.

copy-icons

*Note for free version users- your icon options can be found here

  • Once you have your icons picked go to your wp-admin and then the menus subpage of the appearance section.
  • In the top right corner click on “screen options”.
  • A dropdown menu will appear. Locate “CSS Classes” and make sure that box is selected.

screen-options

  • Click on the menu item you want to add an icon to and type your icon class into the css classes area.

paste-icons

Once you are satisfied with the configuration of your menu, hit the “Save Menu” button. ┬áTake a look at where you’ve assigned your menu containing the icons to see if your settings are reflected.

final-menu-min