UberMenu makes it easy to apply an image to each menu item, on any level. The image is placed to the left of the menu item text. Images can be automatically resized. You can control how this is done (via TimThumb or normal browser scaling) and to what size the images are scaled through the UberMenu Control Panel under Images.

Here’s how to apply an image to a Menu Item:

UberMenu 2.4+

1. Add a Menu Item
2. Click Show/Hide UberMenu Options to display the advanced options.
3. Click Set Thumbnail
   
4. A popup dialogue appears.
5. Upload or select the image through the normal WordPress Media Uploader
   
6. Make sure the image you want to use is selected (with the checkmark), then click Select
   
7. The image is now set for that menu item
   
8. The image will automatically update without re-saving your menu.

UberMenu 2.3.2.2 and earlier

1. Add a Menu Item
2. Click Show/Hide UberMenu Options to display the advanced options.
3. Click Set Thumbnail
4. A popup dialogue appears.
5. Upload or select the image through the normal WordPress Media Uploader
6. Click Use as Featured Image this is critical
7. Change any other settings, like title, etc, and click Save All Changes
8. Close the popup
9. You should now see a preview of your image in the Menu Item
10. The image will automatically update without re-saving your menu.

Video Tutorial