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
Drupal 9–11
Ask your assistant about Superfish Dropdown Menu
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.