# 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](https://github.com/mehrpadin/Superfish-for-Drupal/archive/1.x.zip)
* module [superfish](https://www.drupal.org/project/superfish)
* module [Libraries](http://drupal.org/project/libraries)
* module [jquery easing](https://www.drupal.org/project/jqeasing)
* plugin [jquery.easing.1.3.js](http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js) See [jquery easing](https://www.drupal.org/project/jqeasing) for installation instructions.
* module [jquery update](http://drupal.org/project/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.

