benknight

<p>This is a simple plugin that was born out of working on several projects with sectional navigations.  For example, consider the following common navigation tree structure:</p>
<ul>
<li>Home</li>
<li>Item</li>
<li>About Us
<ul>
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</li>
<li>Item</li>
<li>Item</li>
</ul>
<p>Then, whenever on the “About Us” page or any of its sub-items, it would output that peice of the navigation:</p>
<ul>
<li>About Us
<ul>
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</li>
</ul>
<p>This is particularly useful for websites that have a top horizontal navigation which shows top-level items and want to show a vertical subnavigation in the sidebar.</p>
<p>This plugin works by parsing the output of the <code>wp_nav_menu</code> function as XML and analyzing the CSS class hooks (current-menu-ancestor, current-menu-item, and current-menu-parent).  Because it uses PHP’s SimpleXML library it therefore requires PHP 5+.  It uses the theme’s registered menu locations.</p>
<p>This plugin also exposes the <code>section_subnav()</code> function for theme developers to use as a template tag to manually place a subnav inside the theme.  Here is the usage:</p>
<pre><code><?php

    section_subnav( array( // defaults
        'before_widget' => '<nav id="section-subnav" class="widget widget_section-subnav">',
        'after_widget' => "</nav>",
        'before_title' => '<h3 class="section-subnav-title widget-title">',
        'after_title' => '</h3>',
        'echo' => true
    ));

?>
</code></pre>
<p>It returns false when there is no subnavigation.</p>
<p>This function also provides the <code>section_subnav_args</code> filter hook for writing less code and easier integration with other plugins and child themes.</p>


Section Subnav

Adds a widget and template function for displaying subnavigation based on the current navigation state.

Freemius

Rui Guerreiro

Freshlight Lab

<p>Easily add an image or icon in a menu item. Creating a better website menu.<br />
Control the position of the image or icon and also it’s size.</p>
<p>With Menu Image plugin you can do more, check some of the features:</p>
<ul>
<li>[New] FontAwesome Icons</li>
<li>[New] DashIcons Icons</li>
<li>Hide Title and show only image or icon.</li>
<li>Add Image / Icon on the Left of the menu item title.</li>
<li>Add Image / Icon on the Right of the menu item title.</li>
<li>Add Image / Icon on the Above of the menu item title.</li>
<li>Add Image / Icon on the Below of the menu item title.</li>
<li>Switch images / icons on mouse over the menu item.</li>
<li>[PREMIUM] Convert menu items into Call to action buttons.</li>
<li>[PREMIUM] Add count bubble to menu items (Cart total, category total, custom function) menu items.</li>
<li>[PREMIUM] Notification badges on the menu items (New, Sale, Hiring, etc).</li>
<li>[PREMIUM] Color customization of the buttons, badges and bubbles.</li>
<li>[PREMIUM] Disable Menu Image in Mobile devices</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://www.freshlightlab.com/menu-image-wordpress-plugin/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_premium_readme_link" rel="nofollow ugc">Menu Image Premium</a></li>
<li><a href="https://www.freshlightlab.com/documentation/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_documentation_readme_link" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://www.freshlightlab.com/contact-us/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=menu_image_contact_readme_link" rel="nofollow ugc">Creat support ticket</a></li>
</ul>
<h4>Related Plugins</h4>
<ul>
<li>
<p><a href="https://www.wpmobilemenu.com/?utm_source=wordpressorg&utm_medium=menu-image&utm_campaign=plugin-description" rel="nofollow ugc">Mobile Menu</a>: WP Mobile Menu is the best WordPress responsive mobile menu. Provide to your mobile visitor an easy access to your site content using any device smartphone/tablet/desktop.</p>
</li>
<li>
<p><a href="https://www.freshlightlab.com/pay-with-stripe/?utm_source=wprepo-menu-image&utm_medium=wprepo_readme&utm_campaign=pay_with_stripe_readme_link" rel="nofollow ugc">Pay With Stripe</a>: Easily Sell your products with Stripe on your WordPress website without any other complex e-commerce solution.</p>
</li>
</ul>
<p>What people is saying!</p>
<blockquote>
<p><code>Easy to use and good author support</code><br />
  This plugin is a good solution to easily include an image in a menu. Excellent support from plugin author!</p>
<p>@dwoolworth824</p>
<p><code>Best plugin for adding a logo to your navigation</code><br />
  I’d definitely recommend this plugin if you need to add a logo to your navigation in WordPress. The support provided is so 5 stars!</p>
<p>@manmade1</p>
</blockquote>


Menu Image, Icons made easy

This plugin delivers exactly as promised!  I highly-recommend.

Very functional - Does exactly what it promises!

<p>Works really well, but the plugin spams the WP Admin with 'upgrade' messages and once dismissed, they come back again and again. </p>

Works, but constant messaging in admin


Tried a couple of plugins for adding menu images, so far only this one worked for me.



Also the support is top-notch.



Overall a 5-star plugin!


Best plugin so far

Adds an image or icon in the menu items. You can choose the position of the image (after, before, above, below) or even hide the menu item title.

Section Subnav vs Menu Image, Icons made easy