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.

Canvas Mobile Menu Addition

Description

WordPress WooThemes’ Canvas Mobile Menu Addition. Hides sub-menus in mobile mode and shows them only when clicked.

This will add the display:none property to all sub-menus so that only the top-level menus are shown in mobile mode.

When the top-level menu is clicked it will show the sub-menus below it. If you click on the top-level menu a 2nd time it will route to the top-level menu URL destination.

This plugin works recursively, so this will allow sub-menus which have sub-menus within them to behave the same way.

**There is also sometimes a CSS glitch if you leave the menu open in mobile mode and then resize the window to a another mode, this plugin fixes that issue by closing the menu whenever the width is resized.

Arbitrary section

Requires WooThemes Canvas theme or child-theme.

A brief Markdown Example

Installation

Install the .zip file using WordPress

-or-

  1. Unzip and upload the canvas-nav directory into the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!

FAQ

Does this plugin hide my submenus?

Yes, but only when the window size is less than 767 pixels, which is what Canvas uses to trigger it’s mobile responsive mode.

What about my target link?

When the parent menu is clicked a 2nd time in a row it will redirect the user to the link. It’s very intuitive.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Canvas Mobile Menu Addition” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • Initial Version