WordPress 4.0+ UberMenu 3.4+

Please note that as this plugin is an extension for UberMenu – WordPress Mega Menu Plugin, you must have that plugin installed in order for the Icons Extension to function Download the plugin zip file Your purchase confirmation email will have a temporary link to download the zip file. If your link has expired, you can download the zip file so long as your license has not expired via the SevenSpark.com dashboard Visit your Purchase History to download the zip You must be logged in to sevenspark.com see your downloads. Install the Plugin After downloading the zip file, you can install it through the WordPress plugin uploader. Alternatively, you can upload the files via FTP. WordPress Plugin Uploader You can install UberMenu Icons Extension via the WordPress plugin uploader without unzipping the download package. Log into your WordPress admin panel Navigate to Plugins > Add New Click Upload Click Choose File and select the UberMenu Icons Extension download zip. Click Install Now. FTP You can also install UberMenu Icons Extension via FTP Extract the .zip file you downloaded from CodeCanyon. Find the ubermenu-icons folder (this directory is created when you unzip the file). Upload the ubermenu-icons folder to your wp-content/plugins directory. Navigate to your Control Panel: Plugins Under UberMenu – Icons Extension, click Activate Get started with UberMenu Icons Once you install the plugin, you can: Set icons for your menu items Adjust Global Icon Settings

Version 3.0 Activating UberMenu Icons Extension will create new options in the UberMenu Control Panel > Icons section. Configuring this section is entirely optional. By default, your icons will inherit the size and color of your menu items. Older versions Activating UberMenu Icons Extension will generate a new settings panel (Appearance > UberMenu > Icon Settings) to configure your icons. This panel is entirely optional. By default, your icons will inherit the size and color of your menu items.

Font Awesome Font Awesome plugin by Dave Gandy

Version 3 Menu Item Settings > Icon Once you activate the UberMenu Icons plugin, you will see the full set of over 400 Font Awesome Icons appear in your Menu Settings Panel Setting an Icon Navigate to the Appearance > Menus panel and click the Uber button to open the Menu Item Settings Panel for the item you’d like to add an icon to. Click the Icon tab on the left to access the Icon selection setting. To select an icon, click the Set Icon button. The selection panel will open. Type to filter the icons by their names. Click an icon to set it. The chosen icon will display in the Set Icon box Click Save Menu Item to save your changes. The icon will appear to the left of you menu item text. Removing an icon To switch icons, click the icon button again and select a different icon. To unset/remove the icon, click the icon button and click Remove Icon in the bottom right corner. Save the menu item to save your changes. Older Versions Once you activate the UberMenu Icons plugin, you will automatically see a new option on each menu item in your Appearance > Menus panel. Selecting an Icon 1. Click the button next to “Icon” Originally it will say “None”. 2. Click the icon you want to display A display of all available icons will appear. Hover over an icon for a brief description of the icon (the Font Awesome class name). Click the icon you like to set it for the menu item. 3. Your icon will now appear in the icon button The text beside the icon described the icon but will not appear on the front end. Save your menu to save the changes. Your menu must be an UberMenu […]

Version 3 To create a menu item that is only an icon, check the “Disable Text” setting under the General Menu Item Settings Older versions To create a menu item that is only an icon, check the “Disable Text” setting on the same menu item.

Appearance > Menus > UberMenu > Configuration > Icons You can change the icon colors, sizes, and positions via the UberMenu Control Panel, under the Main Configuration > Icons section (Icons Settings panel in older versions). You can set the color/size/position for each level of the menu independently. See Icons Settings Colors You can set the color for the icons independently for each level in the Control Panel, both for default and active/hover states If you do not set a color here, the icon will inherit the color of the text of its menu item. Size You can set the size of the icons independently for each level in the Control Panel: Otherwise the font size will scale with the menu item’s text. Positions To change the position of the icon on all items of a particular item type, you can use the Icon Position settings in the Control Panel. To change the position of a specific item’s icon, you can use the Item Layout setting in the Menu Item Settings.