Drupal: dropdown and hover

Introduction

For vertical menus, the standard drupal solution is good enough for me. For horizontal menus the standard solution looks very bad. One of the solutions is "superfish".

Superfish

For Superfish, you need:

• plugin superfish
• module superfish
• module Libraries
• module jquery easing
• plugin jquery.easing.1.3.js See jquery easing for installation instructions.

• module jquery update

• Follow the instructions on https://www.drupal.org/project/superfish.

• Take care that the jquery version you set with "jquery update" is ** version 1.8 **.

admin->structure->blocks shows 4 superfish menus, ready for use. If you want more, configure the superfish module.

Example

To bring Main menu under superfish control:

• Place "Superfish 1" in "Header" Save and have a look. You will see two Main menu's, that is because superfish takes Main menu as default.

• Remove the standard Main menu with the following css:

     /* remove standard main menu */
     #main-menu{
     display: none;
     }

• admin->structure->blocks->configure Superfish 1:

• choose "spring" for "Style"

Experiment with Main menu: add some sub-menu-items, play with configuration.