Contents
Find the right menu and add an icon To add WordPress menu icons, select any of the menu items you already have created. Locate the Icon: Select link. Click on that to navigate to the section to add an icon to that particular menu item.
Adding Menu Icons – An Overview
- Create a child theme of the twenty fifteen theme to work on (you can skip this step if you’re working with your own theme).
- Activate the font awesome library from your theme’s functions file.
- Add CSS classes to the items in your navigation menu, via the WordPress admin.
How to add icons to the WordPress navigation menu to?
If you are running a blog with WordPress, adding icons to your WordPress navigation menu is a great way to improve your websites visual appearance, you can either use a plugin to add icons to your navigation menu or you can simply add some code to your theme files. It is highly recommended to avoid using WordPress plugins wherever possible.
It also allows you to hide the title and only display the image icon for each navigation menu. Once you have configured the settings, simply add image icons to all your navigation menu items separately. Next, you need to click on the ‘Save Menu’ button to see menu icons in action.
How to add a home icon in WordPress?
If you want to use, the home icon add fa fa-lg fa- prefix and then use the icon name as found on the cheat sheet page. Navigate to Appearance >>Menus and open up Screen Options from the top. Check CSS Classes. 2. Open the Navigation Menu item where you want to add icons. Add the FontAwesome icon code.
How can I upload an image as a menu icon?
Using these buttons, you can select or upload the menu image icon you want to use. If you want, then you can just upload a menu image and ignore the hover image. In the ‘Image size’ dropdown, you can select a size for the image icon. This size will apply to both the menu icon image and image on hover.