1. Home
  2. Docs
  3. Kiddiz Documentation
  4. Header Menu Icon

Header Menu Icon

Kiddiz uses Font Awesome V4 for the Header menu icon. Please find the icons list from the link https://fontawesome.com/v4/icons/.

To add icons, follow the instruction as follows.

  1. Go to Dashboard → Appearance → Menus
  2. On the top right of the page, you should see “Screen Options” button
  3. You should see “Show advanced menu properties” and checkbox for CSS Classes. Make sure you check the box.
  4. Now select the menu to edit that is set in Primary menu location.
  5. Now, as you click on menu items, you should see “CSS Classes (optional)” input field
  6. If you open the Font Awesome icons page, https://fontawesome.com/v4/icons/. You will see the list of icons.
  7. Click on any icon you prefer, and you will open the single page of that icon.
  8. You will see the HTML text like <i class="fa fa-address-book" aria-hidden="true"></i>
  9. Copy the class “fa fa-address-book” and paste it in your menu items “CSS Classes (optional)” input field.
  10. Save the changes.