The superfish menu is an easily created drop down menu. We use the Extended menu module as it gives you an enormous amount of control over the way your menu is output. Check out the instructions below to help you set it up.

The Module Setup

1. Locate the version of the mod_extended menu module required for your version of Joomla.Joomla 1.0 requires exmenu v1.03 and Joomla 1.5 requires ex_menu 1.05.

2. Install the module by using the Joomla module installer.

3. Publish the module to the user2 position.

4. Disable the module title.

5. Select the menu you want to use.

6. Select flat list as the menu type.

7. Set expand menu to yes.

8. Set use menu template to yes.

9. Set the menu path to superfish/menu.html if its not already set.

Setting up the drop down menu in Joomla:

In order for the drop down menu to have child items (eg items that are sub menu items of the main navigation items) you will need to set the menu accordingly in the Joomla backend.

1. In the back end of Joomla navigate to menu ---> main menu (or the name of the menu you selected in the previous step.

2. Create the new menu item as per the usual method. eg choose whether you want it to be a url link, component link, blog category link etc.

3. Write the name of the menu item.

4. Publish the menu item.

5. Set the parent item for the menu item. So if you want to have the menu appear on the main level of the menu then dont select anything here or make sure the menu item is set to top. If you want the menu item to be a sub level menu item then simply select the menu item that already exists that you want the sub level to appear under.

6. Configure any other options that may be relevant for your menu link.

7. Click Save.

If you have followed all of the preceding steps then you should have the sliding superfish happily sliding away on your site. If it isnt working then you'll need to refresh your steps and make sure you didnt miss anythign else.

Here are some screenshots of the admin panel so you can see exactly the way we have created the drop down effect.