---
title: "How to Add Icons to Your Classic WordPress Menu Items"
source: "https://docs.nexcess.com/software/kadence/theme/add-icons-to-wordpress-menu-items/"
description: "The default WordPress menu system hasn't changed much over the years, but Kadence Theme Kit Pro helps bring WordPress menus to the next level by adding mega men…"
vertical: "Software"
area: "Kadence Theme"
date: "2025-10-09"
last_modified: "2026-07-02"
---

# How to Add Icons to Your Classic WordPress Menu Items

The default WordPress menu system hasn’t changed much over the years, but [**Kadence Theme Kit Pro**](https://docs.nexcess.com/software/kadence/theme/theme-kit-pro-plugin/) helps bring WordPress menus to the next level by adding [mega menus](https://docs.nexcess.com/software/kadence/theme/mega-multicolumn-menu/), highlight tags, icons, and other advanced features to help you customize your menus and make them really stand out.

**Kadence Theme Kit Pro** is available with the Kadence Plus and Ultimate plans or can be purchased separately. See our [pricing page](https://www.kadencewp.com/pricing/) for details.

Enable Kadence Pro Ultimate Menu

After you’ve installed and activated the Kadence Theme Kit Pro plugin, you can enable **Ultimate Menu** feature.

1. In WP Admin, under **Appearance**, click on **Kadence**.
2. Enable **Ultimate Menu** under the **Pro Addons** section.

![Kadence Pro - Enable Ultimate Menu](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-10-09-at-1.31.43-PM.png)Edit Your WordPress Menu

1. Either click the **Customize** link shown above or go to **Appearance** → **Menus** to edit your WordPress menu.
2. Choose a menu to edit from the drop-down navigation and click “**Select**” or click **create a new menu** if desired.

![WordPress - select a menu to edit or create a new one](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-10-09-at-1.40.25-PM.png)Add an Icon to a Menu Item

Edit a menu item by clicking the down-arrow on the right. While editing the menu item, you should see a “Menu Item Settings” button. Click that button to open the Kadence menu item settings.

![Kadence Ultimate Menu - Menu Item Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-10-09-at-1.46.28-PM.png)

Kadence Menu Item Icon Settings

For this document, we’re mainly focused on adding an icon. See also our [Mega Menu](https://docs.nexcess.com/software/kadence/theme/mega-multicolumn-menu/) help doc.

**Optional:** if you want to hide the menu text and only show an icon, enable **Hide Text Label**

**Menu Item Icon:** select an icon from the list of available icons.

**Icon Side:** choose Left or Right side

**Icon Color:** tap the color picker to the right to choose a color. If you do not choose a color, the menu text color will be used.

**Icon Size:** leave blank to match the size of your menu text or use the slider to make the icon larger or smaller.

Click **Save** or **Save and Close** to save your menu item settings.

![Menu Item Settings - Icon Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-10-09-at-1.54.28-PM.png)

When you are done adding icons, be sure to save your menu by clicking **Save Menu** on the bottom of your screen. And of course, test the menu by viewing the front-end of your site.