SEO Optimization, Web

How to use SuckerFish drop-down menus for Joomla navigation menus

Create beautiful Joomla websites with a flexible layout from

I recently had someone that wanted a new website developed. Due to the amount of ongoing changes they wanted a content management system, so naturally I recommended Joomla. But when they laid out the sitemap, they requested dropdown (flyout) menus in the main navigation, so that the sub-navigation items appear in a menu when you mouseover the main navigation elements.

I wanted to use the Suckerfish method to create the menus, as it was cross-browser compatible, search engine friendly, and no resource-intensive DHTML to create the menus – just plain ol' CSS. So I did a little digging for a pre-built Joomla extension, and at first I didn't find anything that provided suckerfish menus out of the box. I did however, stumble upon a module called 'Extended Menu', which overrides the default menu output, and allows for customizing the menu markup using parameters or your own menu template.

You can easily create the suckerfish dropdowns with the templates provided.

Here's a link to the Joomla Extended Menu module hompage.
And here's where you can find the menu templates.

Create beautiful Joomla websites with a flexible layout from


Leave a Reply

Your email address will not be published. Required fields are marked *

To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image