Responsive Menu Combined Mockup when open

This project is not covered by Drupal’s security advisory policy.

This module allows you to combine multiple menus into the responsive hamburger menu. Each menu will show up as a tab. If the menus are on the current page, then it adds a class to them, where in your own theme you can hide and show them using a CSS media query.

This module uses no javascript. Instead, it uses checkboxes for sub-navigation and radio buttons for each tab.

Prototyping is being done at http://jsfiddle.net/iStryker/66qr959n/

Drupal 8 Plans

Module has been port and there is currently a development branch with limited styling

Past, Present and Future Development

  • 7.x-1.0-alpha3 and Current 8.x-1.x-dev are the same. The structure has limited to no javascript and solves everything by using a form and checkboxes.
  • 7-x-1.0-alpha5 is pretty much a complete rewrite as it was impossible for this semantics with checkboxes to meet accessibility standards. It now uses @ARIA and is keyboard accessible.
  • 7.x-1.0-alpha5 and 8.x-1.x-dev both include basic styling and work (more or less) out of the box.
  • The Goal of this project is to have each child/nested menu set be off-canvas. When active it will overlay the parent, with the option of going back. I believe 7.x-1.x-dev had this but was removed to create a release. Future development will re-add this feature.
  • Hopefully, there will not be a 7.x-1.0-alpha6 release and we will jump to beta and/or RC1.
  • 8.x-1.x-dev functionality will be switched over to match the functionality of 7.x-1.0-alpha5.
Supporting organizations: 
Sponsors module development

Project information

Releases