Responsive and off-canvas menu
This module provides responsive navigation for Drupal sites by integrating the mmenu JavaScript library. It creates an off-canvas mobile menu that appears when a toggle or swipe gesture is used, and switches to a horizontal menu at wider screen widths, configurable to your theme's breakpoints. The horizontal menu can also support multi-level dropdowns, optionally using the Superfish library.
Important!
The currently supported versions of this module only work with the 8.x.x version of the mmenu library. At the time of writing this is the latest version.
Drupal 11 compatibility
As of the 4.4.5 release this module is compatible with Drupal 11.
About
This module integrates the mmenu library with Drupal's menu system with the aim of having an off-canvas mobile menu and a horizontal menu at wider widths. It integrates with your theme's breakpoints to allow you to trigger the display of the horizontal menu at your desired breakpoint. The mobile off-canvas menu is provided by the 3rd party javascript library mmenu and displayed through a toggle (burger menu) icon or with the optional integration of swipe gestures.
The horizontal menu supports drop downs of multiple levels with fly right or left items at deeper levels. It uses superfish (optional) for the drop downs.
This module comes with some basic css but needs customisation for your theme so requires some basic theming knowledge.
The recommended release is now the 4.4.x version which tracks compatibility with Drupal 9+ and mmenu 8.x.x. There is no automatic upgrade path and you will need the latest mmenu library. See the README.md for details.
Installation and usage
Installation and use instructions are included in the README.md, for links to documentation follow the link for your module version from the docs page.
3rd party dependencies and licensing
Required
mmenu: Creative Commons Attribution-NonCommercial - See the download page for pricing on commercial projects.