“Mens sana in corpore sano” - (a healthy mind in a healthy body), famous Latin quotation

Hot Mega Menu and Classic Drop-down Menu

Print Email | Tuesday, 18 January 2011 11:03 | Written by Super User |

Classic Drop-down menu

This template has a fast-loading jQuery based top menu with nested sub-menus. Sub-menu opens with a nice animation effect. Core Joomla files are not hacked. Module position User3 is reserved for the top menu. Please type "nav" in Menu Tag ID. Menu Class Suffix field must be empty.

Classic menu

In template parameters, under Classic Drop-down menu, you can select one of the available menu effects:

  • Fade
  • Scroll down
  • Drop-in
  • No effect (if you are bored of effects :)

Also, there might be other settings, like menu colors. It depends of template you're using. There's no limit in number of sub-levels.

classic drop down menu


HOT Mega Menu

To activate this menu system, you should edit the Top Menu module in User3 postion and type "mega" in Menu Class Suffix field. Menu Tag ID field must be empty.

mega menu

This menu system allows you to:

  • Show first, second and third menu levels at once.
    • The first level is shown on template permanently, like tabs or buttons.
    • The second level menu items are shown on the drop-down pane as headings (linkable) for the series of the third level menu items
  • Show Joomla modules in drop-down panes. There are 10 module positions reserved for the mega menu: megamenu1, megamenu2... megamenu10. To activate them, you should:
    • Create URL type menu item on Level 2 (it will serve as module heading) and enter a blank link, in example "javascript:;"
    • Create Separator type menu item on Level 3 (select the URL item described above as its parent).
    • The Separator menu item will be replaced with module position megamenu1.
    • The next Separator menu item will be replaced with module position megamenu2, and so on...

mega menu levels

The upper part of this graphic (34-39) shows typical scheme if you want to show 2nd and 3rd level menu items in drop-down menu. You must not have level 4 (or deeper) menu items.

The bottom part of the graphic (40-43) shows how to include module positions in the mega menu. "Module in Menu" and "Polls" are both children of first-level menu item "Mega Menu". Their names are used to be module names. Each of them has one child menu item (type Separator) named as "Megamenu module" in our sample. They will be replaced with module positions megamenu1 and megamenu2.

mega menu example


Menu settings in Template Parameters

Menu settings

joomla wellnessLorem Ipsum has been the industry's standard dummy text ever since the 1500s...