Responsive and off-canvas menu

Categories

Component ID

2312799

Component name

Responsive and off-canvas menu

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

26213

Component created

Component changed

Component body

This module integrates the mmenu jQuery plugin 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 2.x version. This version doesn't have an automatic upgrade path from 1.x so please read the instructions carefully.

Installation and usage

Important: version 8.x-2.5 now requires Drupal 8.4.0 or higher

Minimum library versions have also been introduced so please visit /admin/reports/status to check you meet the requirements.

The various versions of the module have differing set up instructions:

3rd party dependencies and licensing

Required

mmenu: Creative Commons Attribution-NonCommercial - See the download page for pricing on commercial projects.

Optional

hammerjs: MIT
superfish: MIT