Custom Icons

Adding a Custom Icon to a menu item

To add a custom icon to a menu item, open the Mega Menu settings for the menu item and click the Icon tab. You will see a list of available icon types listed across the top of the page. Select Custom Icon and click the pencil icon next to Icon to select an image from your Media Library. You can optionally select a second image under Icon (Hover), which will be displayed when the menu item is hovered.

Custom Icon Settings

Max Mega Menu will automatically create a resized icon based on the width and height given in the Icon Size settings. You can set a different size for desktop and mobile. Using the Icon Vertical Align option you can optionally change the vertical alignment of the icon, although “Middle” will work well in most situations.

Removing a Custom Icon from a menu item

To remove a custom icon, click the trash icon next to the image, or click the Dashicons tab and select the empty icon option (top left).