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.

sevenspark

<p>ShiftNav is an awesome mobile menu for WordPress.  It looks and acts like native app off-canvas slide-out menus for popular apps like Facebook, Gmail, etc.</p>
<p><a href="http://shiftnav.io/free/" rel="nofollow ugc">ShiftNav Demo</a> – see how it works</p>
<p>Get started: <a href="http://sevenspark.com/docs/shiftnav-setup" rel="nofollow ugc">ShiftNav Quick Setup Guide</a></p>
<h4>Feature Overview</h4>
<ul>
<li>Native App-Style Menus</li>
<li>Automatic Integration</li>
<li>Light & Dark Skins</li>
<li>Works with the WordPress 3 Menu System</li>
<li>Touch-enabled</li>
<li>CSS3 Transitions produce smooth animations on mobile devices</li>
<li>Configurable</li>
</ul>
<p><a href="http://sevenspark.com/docs/shiftnav" rel="nofollow ugc">Knowledgebase</a></p>
<p>Want to take your menu to the next level?  <a href="http://shiftnav.io/pro" rel="nofollow ugc">Go Pro</a></p>
<h4>Browser Compatibility</h4>
<p>ShiftNav will open with a slide transition with browsers that support it.  For browsers that don’t fully support CSS3 transforms, the menu will fall back to non-animated open/close functionality.</p>


ShiftNav – Responsive Mobile Menu

Add a native-style, off-canvas, responsive mobile navigation menu to your site.

Section Subnav vs ShiftNav – Responsive Mobile Menu