Plugin Directory

Test out the new Plugin Directory and let us know what you think.
!This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Font Awesome Menus

STOP! Before using this plugin, check out our new Font Awesome 4 Menus for WordPress!

Will this plugin be updated?

NO!!!! Go to the new Font Awesome 4 Menus for WordPress for the latest version.

Why didn't you just update this plugin rather than issue a new one?

Font Awesome changed its code from using icon-(whatever) to fa-(whatever). If we automatically updated this plugin with the new code, all of the sites using the old one would break. And that's just rude.

How to I add an icon to my menu?

Go to Appearance -> Menus, select which menu item to which you want to add the icon, and add the icon class under 'CSS Classes (optional)'. (eg, to add the home icon to your 'Home' link, enter "icon-home" (without quotes) as a class.) Save your menu and voila!

Why don't I see an option to add classes?

Under Appearance -> Menus, click 'Screen Options' (top right of screen) and make sure that 'CSS Classes' is checked. If not - check it!

Can I hide the text and just show the icons for my menu?

Yes. Font Awesome menus adds a space between the icon and the text, and wraps that portion in a span with a class of "fontawesome-text". To hide the text and just show the icon, you can put .fontawesome-text {display: none;} in your stylesheet.

You can see this in action at our responsive site (http://www.newnine.com) where the mobile and smaller tablet versions only show the icons, but the text then appears on larger displays.

Will this bloat or slow down my WordPress?

No. The plugin only makes one option entry in your database which means it won't bloat your installation.

On your site, Font Awesome will load two stylesheets - the minified CSS (19kb) and the minified CSS for IE7 (30kb, in a conditional statement) - and the fonts. We use it on mobile-first responsive sites (and our own site) all the time without any noticeable performance drag.

What happens to my menus if I deactivate/uninstall this?

Your site will be fine. Where you used Font Awesome menus, those menu items will just have an additional class (icon-whatever) that you can erase or ignore (or style differently).

Only one setting is saved in your database, and that is removed if you uninstall the plugin. No bloat here!

Requires: 3.0 or higher
Compatible up to: 3.5.2
Last Updated: 3 years ago
Active Installs: 800+


5 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.