Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
This is a very small module that makes default Zen sub-theme main menu be a bit more responsive. It does this by:
- Kicking in at 480px or less, then
- Hiding the menu items from display initially
- Removing the "element-invisible" class from the menu title so this can be used as the menu trigger
- Adding a class of "menu-trigger-unclicked", so you can use this to replace the text with a hamburger image or whatever you like (add a "+" before the word "Main Menu" perhaps)
- Adding a class of "menu-trigger-clicked" if the menu trigger is clicked, so you can use this to replace the text with a hamburger image or whatever you like (add a "-" before the word "Main Menu" perhaps)
- Slides the menu items into/out of view
- Sets each menu item at 100% width so they'll take up the full width of the phone (presuming it's a phone you are looking at the menu on), rather than displaying them lined-up beside each other
- Set the cursor to a pointer - we are using jQuery afterall!
There is no CSS included with this - styling of the menu is up to you - this just provides the functionality.
Supporting organizations:
Provided paid time to develop this module.
Project information
- No further development
No longer developed by its maintainers. - 19 sites report using this module
- Created by markconroy on , updated
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
7.x-1.0
released 29 May 2015
Works with Drupal: 7.x
✓ Recommended by the project’s maintainer.
Development version: 7.x-1.x-dev updated 29 May 2015 at 22:53 UTC