Skip to main content

Responsive Dropdown Menus

Responsive Dropdown Menus Omega Responsive Menu module is my solution to a big problem with Drupal's main menu implementation: it doesn't render and #*$# sub-links! By default the primary menu in Drupal will not render any sub-links and therefore provide no sub-menus. It also provides a simple implementation of responsive menu styling - on mobile you have a toggle button and the menu slides down or up, and displays normal on tablet plus.

This module is very vanilla and only provides enough JavaScript and CSS to give it functionality. Which is great. I've tried Superfish and hated the bloat, same with Megamenu. There was too much CSS to adjust to provide decent dropdowns on sites. Omega Responsive Menu gives themers room to breath and create beautiful responsive dropdown menus in Drupal

The module exposes each Drupal menu as a Responsive Menu block - each supports dropdowns and each will provide a menu toggle on mobile devices. There is a provided module function that provides easy placement or replacement of a hardcoded main menu in page.tpl.php, so the blocks are not required.

Full reasoning for module:

I have reviewed "Responsive Menus." I had also thought about joining forces, however that module is geared towards implementing 3rd party responsive menu libraries. Which is the same issue I've had with Megamenu and Superfish.

I've always had the issue of bloat from using these modules and felt they got in the way of my theme development because there was too much to override. I have not found a module that provides a vanilla implementation of drop down menus and responsive menus. Looking at the demos for Responsive Menus it is using "Nice Menus" to generate the module -- so now you're utilizing two different modules for one simple implementation.

I feel the Drupal project ecosystem should not only support heavy weight, multiple module implementations but also vanilla implementations that allow theme developers more room to work with.

Drupal.org sandbox page: https://drupal.org/sandbox/mglaman/2156873

Demo screencast: http://youtu.be/mNYXL7NpF_8

Examples of site's using this module:

I'm available for one-on-one consulting calls – click here to book a meeting with me 🗓️