Superfish Dropdown Menu
66,238 sites
Security covered
Superfish integrates the jQuery Superfish plugin to enhance Drupal menus with features like multi-column sub-menus, easing effects, and automatic width and position calculations. It also offers accessibility and mobile-friendly adaptations, including touch, small-screen, and RTL support.
Superfish integrates jQuery Superfish plugin with your Drupal menus.
Overview:
- Unobtrusive JavaScript.
- Multi-column sub-menus. (Megamenus)
- Easing effects with the jQuery Easing plug-in.
- Automatic sub-menu width calculation. (Supersubs plugin)
- Automatic sub-menu position calculation, so they never appear off-screen, (Supposition plugin)
- Keyboard-accessible.
- Screen Reader compatible.
- Touch-screen compatible.
- Small-screen compatible. (
<select>and vertical accordions) - Device determination for touch and small-screen plugins using window width and UA string (client-side and server-side), plus Modernizr support.
- RTL (Right-to-left) support.
- And a whole lot more...
Requirements:
- Drupal 8/9/10/11
- Superfish library 2.x (place to /libraries/drupal-superfish)
- Drupal 7
- Superfish library 1.x (Sample CSS & SCSS)
- JQuery 1.6.1 or higher, if you are going to use the jQuery Easing plugin.
- Behavior Weights
Recommended additions:
- Libraries module
- jQuery Easing plugin (note that the file has to be renamed to
jquery.easing.jsbefore being uploaded tosites/all/libraries/easing)
Most likely you also need to install jQuery UI module since jquery.ui was removed from the Drupal 9 core