• How to create a Dropdown menu in Drupal?

    To create a dropdown menu in Drupal 7 we need to use the superfish module along with the superfish jQuery plugin

    Here are the steps required to create the dropdown menu:

    1. You need to download the superfish module from here https://drupal.org/project/superfish

    2. If you choose to download the stable release you need to download the superfish library from here https://github.com/mehrpadin/Superfish-for-Drupal/archive/1.x.zip

    3. If you choose to download the latest dev version you need to download the master branch of the superfish library from here https://github.com/mehrpadin/Superfish-for-Drupal/archive/master.zip

    4. You then need to extarct the archive and rename the folder to superfish and move it to sites/all/libraries, so the js files should be under the path sites/all/libraries/superfish/sfsmallscreen.js

    5. Clear the Drupal cache from admin/config/development/performance

    6. Navigate to admin/structure/block, you should find 4 blocks named Superfish 1 - 4

    7. You can click configure next to each one of them and modify the menu it refers to and the style of the dropdown menu

    8. Save the configurations and place this block in the menu region in your theme, and you should have a nice looking dropdown menu

    I hope you've enjoyed this tutorial and stay tuned for more to come

    Share this post