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.
Requires WooThemes Canvas theme or child-theme.
A brief Markdown Example
Install the .zip file using WordPress
- Unzip and upload the
canvas-navdirectory into the
- Activate the plugin through the ‘Plugins’ menu in WordPress
- 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.
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
Translate “Canvas Mobile Menu Addition” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- Initial Version