Title: Nav Menu Images
Author: Milan Dinić
Published: <strong>October 22, 2012</strong>
Last modified: September 11, 2016

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/nav-menu-images.svg)

# Nav Menu Images

 By [Milan Dinić](https://profiles.wordpress.org/dimadin/)

[Download](https://downloads.wordpress.org/plugin/nav-menu-images.3.4.zip)

 * [Details](https://wordpress.org/plugins/nav-menu-images/#description)
 * [Reviews](https://wordpress.org/plugins/nav-menu-images/#reviews)
 *  [Installation](https://wordpress.org/plugins/nav-menu-images/#installation)
 * [Development](https://wordpress.org/plugins/nav-menu-images/#developers)

 [Support](https://wordpress.org/support/plugin/nav-menu-images/)

## Description

[Plugin homepage](http://blog.milandinic.com/wordpress/plugins/nav-menu-images/)
| [Plugin author](http://blog.milandinic.com/) | [Donate](http://blog.milandinic.com/donate/)

This plugin enables you to upload images for nav menu items on a menu edit screen.
By default, those images will be displayed instead of text for respective menu items.
Note that after upload, you should set an image as ‘featured’ to be able to display
it.

You can also set images that will be displayed only when you hover menu item, or
when menu item is of currently displayed page. [Read detailed instructions about using plugin](http://blog.milandinic.com/wordpress/plugins/nav-menu-images/#how-to-use).

Developers can use many available filters to make their own way of displaying images,
or even create a child class on top of base one. See source code for more ideas.

Although this plugin displays uploaded images out of the box, it will probably not
give best possible look, so it’s recommended to create custom CSS styles for affected
elements.

Nav Menu Images code is partly based on a code from now defunct plugin Custom Menu
Images by [Anabelle Handdoek
 
/[∞manos s.a.s](http://8manos.com/) and a code from
plugin [Metronet Profile Picture](https://wordpress.org/extend/plugins/metronet-profile-picture/) by [
Ronald Huereca](http://www.ronalfy.com/)/[Metronet Norge AS](http://www.metronet.no/).

## Screenshots

[⌊Link to upload form on nav menu item's edit screen⌉⌊Link to upload form on nav
menu item's edit screen⌉[

Link to upload form on nav menu item’s edit screen

[⌊Setting featured image from media modal screen⌉⌊Setting featured image from media
modal screen⌉[

Setting featured image from media modal screen

[⌊Uploaded image on nav menu item's edit screen⌉⌊Uploaded image on nav menu item's
edit screen⌉[

Uploaded image on nav menu item’s edit screen

[⌊Setting image used on hover from media modal screen⌉⌊Setting image used on hover
from media modal screen⌉[

Setting image used on hover from media modal screen

## Installation

Either install the plugin via the WordPress admin panel, or …

 1. Upload `nav-menu-images` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

There are no configuration options in this plugin.

## FAQ

  Installation Instructions

Either install the plugin via the WordPress admin panel, or …

 1. Upload `nav-menu-images` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

There are no configuration options in this plugin.

## Reviews

![](https://secure.gravatar.com/avatar/e561cc3ca62214851ab0eb41fc2128ebeeb9c4e5a32b27fb77e43c9d0a28fcf2?
s=60&d=retro&r=g)

### 󠀁[Works well.](https://wordpress.org/support/topic/works-well-1105/)󠁿

 [Chris Dennis](https://profiles.wordpress.org/chrisdennis/) July 10, 2017

No problems so far.

![](https://secure.gravatar.com/avatar/cef0aaf32dd799917bc82b91c28a23ddaf28e9dc162b73136787f6e87b7c6777?
s=60&d=retro&r=g)

### 󠀁[Ruin my menu](https://wordpress.org/support/topic/ruin-my-menu/)󠁿

 [tahag](https://profiles.wordpress.org/tahag/) March 27, 2017

it break my menu style

![](https://secure.gravatar.com/avatar/5b5180fb8b0568deed53b2a638f3575ef5e06bc82aa3a86b24bb48535052608e?
s=60&d=retro&r=g)

### 󠀁[False sense of security?](https://wordpress.org/support/topic/false-sense-of-security-2/)󠁿

 [jemcbade](https://profiles.wordpress.org/jemcbade/) March 8, 2017

This is “half” the equation for the purpsoe. If you hide a menu item with this plugin,
this does not mean that search engines can’t see it. Be SURE and also password protect
any pages you want to protect. As stated, you will need additional an additional
plugin to control access to conbtent. This plugin ONLY hides the menu item, but 
again, not from search engines. Beware!

![](https://secure.gravatar.com/avatar/c1ed188babf8fd1189a91da670e2fcde6149faf1367e72dc75ba2f017e5788cd?
s=60&d=retro&r=g)

### 󠀁[Didn’t work](https://wordpress.org/support/topic/didnt-work-174/)󠁿

 [jdaviescoates](https://profiles.wordpress.org/jdaviescoates/) November 8, 2016

I tried this on a multisite install but it didn’t work – the option to upload an
image just didn’t appear at all

![](https://secure.gravatar.com/avatar/8dddc379fb578af55021df4738391ba0f1a5c180614871820afea6a17055c583?
s=60&d=retro&r=g)

### 󠀁[Does what it promise](https://wordpress.org/support/topic/does-what-it-promise-3/)󠁿

 [mathiasholmbo](https://profiles.wordpress.org/mathiasholmbo/) October 18, 2016

Does what it’s supposed to. Would love the possibility to choose wether or not to
replace all link content – would be nice if the link text would still be shown +
adding a custom class to image.

![](https://secure.gravatar.com/avatar/0fdd67973ad96f937ab9f8d62c3be9f10a91d5078c35d07b583a5517760781d5?
s=60&d=retro&r=g)

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-2161/)󠁿

 [rejithkumarsl](https://profiles.wordpress.org/rejithkumarsl/) September 28, 2016

Great Plugin. Quality of code is excellent and fast loading!

 [ Read all 38 reviews ](https://wordpress.org/support/plugin/nav-menu-images/reviews/)

## Contributors & Developers

“Nav Menu Images” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Milan Dinić ](https://profiles.wordpress.org/dimadin/)

“Nav Menu Images” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/nav-menu-images/contributors)
for their contributions.

[Translate “Nav Menu Images” into your language.](https://translate.wordpress.org/projects/wp-plugins/nav-menu-images)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/nav-menu-images/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/nav-menu-images/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/nav-menu-images/)
by [RSS](https://plugins.trac.wordpress.org/log/nav-menu-images/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 3.4

 * Released on 11th September 2016
 * Removed ‘srcset’ and ‘sizes’ attributes.
 * Fixed PHP notice that could happen in some cases.

#### 3.3

 * Released on 15th April 2016
 * Fixed PHP notice in `Nav_Menu_Images_Admin::attachment_fields_to_save()`
 * Wrap image in AJAX response in `<div>` tag
 * Change translations text domain
 * Removed `languages` folder

#### 3.2

 * Released on 14 January 2014
 * Fixed PHP notice in NMI_Walker_Nav_Menu_Edit::start_el()
 * Don’t pass class object by reference
 * Maybe fixed issues with “Missing argument 3 for Nav_Menu_Images::register_menu_item_filter()”
   errors
 * Add ‘has-image’ class to the menu item that has image

#### 3.1

 * Released on 12th August 2013
 * Don’t cache media frame and instead load new each time
 * Don’t overwrite `wp.media.view.settings` but extend it, and only with post data
 * Force listing of images uploading only to current post

#### 3.0

 * Released on 26th March 2013
 * Add support for active and hover menu item images

#### 2.0

 * Released on 11th February 2013
 * Use new media views for WordPress 3.5+
 * Add more hooks for developers

#### 1.0

 * Released on 22nd October 2012
 * Initial release

## Meta

 *  Version **3.4**
 *  Last updated **9 years ago**
 *  Active installations **6,000+**
 *  WordPress version ** 3.1 or higher **
 *  Tested up to **4.6.30**
 *  Languages
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/nav-menu-images/), [English (US)](https://wordpress.org/plugins/nav-menu-images/),
   and [Serbian](https://sr.wordpress.org/plugins/nav-menu-images/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/nav-menu-images)
 * Tags
 * [image](https://wordpress.org/plugins/tags/image/)[media](https://wordpress.org/plugins/tags/media/)
   [menu](https://wordpress.org/plugins/tags/menu/)[nav menu](https://wordpress.org/plugins/tags/nav-menu/)
 *  [Advanced View](https://wordpress.org/plugins/nav-menu-images/advanced/)

## Ratings

 4.2 out of 5 stars.

 *  [  27 5-star reviews     ](https://wordpress.org/support/plugin/nav-menu-images/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/nav-menu-images/reviews/?filter=4)
 *  [  2 3-star reviews     ](https://wordpress.org/support/plugin/nav-menu-images/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/nav-menu-images/reviews/?filter=2)
 *  [  6 1-star reviews     ](https://wordpress.org/support/plugin/nav-menu-images/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/nav-menu-images/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/nav-menu-images/reviews/)

## Contributors

 *   [ Milan Dinić ](https://profiles.wordpress.org/dimadin/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/nav-menu-images/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://blog.milandinic.com/donate/)