Jon Weatherhead

Make your site navigation menu mobile-ready. When the threshold is reached, the targeted menu will collapse into a hamburger menu.
This plugin is a zero-dependency refresh on Mean Theme’s MeanMenu plugin. This means that it does not require jQuery.
Image by <a href="https://pixabay.com/users/geralt-9301/?utm_source=link-attribution" rel="nofollow ugc">Gerd Altmann</a> from Pixabay.
<h3>How To Use</h3>
The Mean Menu is configured with the WordPress Customizer in the menu section, and there are several options for customization.
<ul>
<li>Menu target A CSS selector to the closest container where the menu resides. Leave blank for an attempt at auto-detection with ul.menu (The WP default).</li>
<li>Menu anchor A CSS selector to the container where the mean menu will reside. If you’re unsure, try <code>body</code>.</li>
<li>Bar colour The background colour of the mean menu bar.</li>
<li>Menu colour The background colour of the expanded mean menu.</li>
<li>Menu close The symbol that will be used when the menu is expanded. This can be any unicode character or HTML entity.</li>
<li>Menu open The symbol that will be used when the menu is collapsed. This can be any unicode character or HTML entity.</li>
<li>Reveal position The justification of the mean menu state symbol.</li>
<li>Reveal position offset Horizontal offset applied to the mean menu state symbol. This is intelligently applied depending on the justification, and has no effect when centered.</li>
<li>Reveal colour The background colour of the mean menu state symbol.</li>
<li>Responsive threshold The viewport threshold of when the mean menu replaced the standard menu.</li>
<li>Nav push Vertical offset applied to the expanded component of the mean menu.</li>
<li>Show children Check this to include nested levels in the mean menu.</li>
<li>Expandable children Check this to allow nested levels to be expanded and collapsed. Otherwise, nested levels will be displayed by default.</li>
<li>Submenu open Requires expandable children. The symbol that will be used when menu children are collapsed.</li>
<li>Submenu close Requires expandable children. The symbol that will be used when menu children are expanded.</li>
<li>Remove attributes Remove classes and IDs from all elements of the default menu while the mean menu is active.</li>
<li>Hide elements A CSS selector to any elements that should be hidden while the mean menu is active.</li>
<li>Single Page Site Collapses the mean menu when a menu item is clicked.</li>
<li>Container display The CSS display type of the mean menu container. inline, block, flex, etc</li>
</ul>

Mean Menu Refueled

Make your site navigation menu mobile-ready.

Freemius

Rui Guerreiro

Freshlight Lab

Need some help with the mobile website experience? Need an Mobile Menu plugin that keep your mobile visitors engaged?
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.
Se below the lisf of features of what our WordPress Responsive Menu can do for you.
No coding knowledge is required. Works with all WordPress responsive themes.
<h4>Links</h4>
<ul>
<li><a href="https://demo.wpmobilemenu.com/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://shopdemo.wpmobilemenu.com/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">Ecommerce Demo</a></li>
<li><a href="https://prodemo.wpmobilemenu.com/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">Professional Demo</a></li>
<li><a href="https://www.wpmobilemenu.com/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">Website</a></li>
<li><a href="https://www.wpmobilemenu.com/knowledgebase/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">Documentation</a></li>
</ul>
<h3>This are the features that will keep your mobile visitors engaged</h3>
<ul>
<li> 3 Depth Menu Level</li>
<li> Naked Header </li>
<li> Overlay Mask when the menu is opened </li>
<li> Logo/Text Branding </li>
<li> Background image for the menus </li>
<li> Naked Header </li>
<li> Hide specific elements when the Mobile Menu is visible(theme menus, or any html element) </li>
<li> Google Fonts </li>
<li> Customise the styling of your mobile menus </li>
<li> Display Type – Slideout Over Content, Slideout Push Content</li>
<li> [Premium] Disable Mobile Menus in specific pages</li>
<li> [Premium] Alternative menus per page</li>
<li> [Premium] Menus only visible for logged in users</li>
<li> [Premium] Header Live Search</li>
<li> [Premium] Header Banner(above and below the header)</li>
<li> [Premium] Footer menus</li>
<li> [Premium] Menus Display Type – Overlay Full Width, Slideout From Top</li>
<li> [Premium] Sliding menus</li>
<li> [Premium] 2000+ Icons (FontAwesome, Fontelicon, Iconic, Entypo, Typicons)</li>
<li> [Premium] Animated Icons</li>
<li> [Premium] 5th Depth Menu Levels</li>
<li> [Premium] Copyright section</li>
<li> [Premium] Import/Export options</li>
<li> and much more…</li>
</ul>
<h3>Increase your Woocommerce shop website sales conversion</h3>
<ul>
<li> [Premium ECOMMERCE] Menu Cart Icon</li>
<li> [Premium ECOMMERCE] Sliding Cart</li>
<li> [Premium ECOMMERCE] Checkout and View Cart buttons in Sliding Cart</li>
<li> [Premium ECOMMERCE] Account links in Sliding Cart</li>
<li> [Premium ECOMMERCE] Mobile Product Filter</li>
<li> [Premium ECOMMERCE] Header Products Live Search</li>
</ul>
<blockquote>
Note: some of the features are Premium. To have access to those features you will need WP Mobile Menu Premium. You can <a href="https://www.wpmobilemenu.com/pricing/?utm_source=wprepo-readme&utm_medium=user%20website&utm_campaign=readme_link" rel="nofollow ugc">get WP Mobile Menu Premium here</a>!
</blockquote>
<h4>Related Plugins</h4>
<ul>
<li>
<a href="https://wordpress.org/plugins/menu-image/" rel="ugc">Menu Image</a>: Easily add an image or icon in a menu item. Creating a better website menu.
</li>
<li>
<a href="https://www.freshlightlab.com/pay-with-stripe?utm_source=wprepo-mobile-menu&utm_medium=wprepo_readme&utm_campaign=FreshlightLab+Pay+With+Stripe+Landing+Page" rel="nofollow ugc">Pay With Stripe</a>: Sell your products on your WordPress website without any other complex e-commerce plugin.
</li>
</ul>
<h3>I need help or I have a doubt, check our Support</h3>
<ul>
<li>
Great Support, our free support is above the average. Only the Premium support is better and faster.
<a href="https://wordpress.org/support/plugin/mobile-menu" rel="ugc">WP Mobile Menu Support page</a>
</li>
</ul>
Bug reports for WP Mobile Menu are <a href="https://github.com/ruiguerreiro79/mobile-menu" rel="nofollow ugc">welcomed on GitHub</a>. Please note GitHub is not a support forum, and issues that aren’t properly qualified as bugs will be closed.

WP Mobile Menu – The Mobile-Friendly Responsive Menu

Need some help with the mobile website experience? Need an Mobile Menu plugin that keep your mobile visitors engaged?

Mean Menu Refueled vs WP Mobile Menu – The Mobile-Friendly Responsive Menu