Top down menus in Joomla!

Joomla comes with the ability to define hierarchical menus but your template might not be enabled by default. This article explains the steps you need to make a top-down menu.

1) Download the latest version of the ja_transmenu from JoomlArt.
2) Install the mod_ja_transmenu module.

3) Go to Modules -> Site Modules

4) Look for the ‘JA Trans Menu V2.0‘ site module, set it’s position, hide it’s title and set Publish to Yes.

5) Choose which menu to use (eg: topmenu), choose the menu style (eg: Horizontal), choose the menu direction (eg: Down for a drop down menu) and the menu position (eg: Bottom Left to have the submenus displayed under the menu).

6) Click the Save button.
7) Unpublish the menu you used above.

8) Go to Menu -> topmenu or choose the menu you used.

9) If you want a new submenu, don’t forget to choose the right parent in the Parent Item list.

10) Play around with CSS files (transmenuv.css & transmenuh.css) and tune into your template.

Joomla! has 2 default templates: rhuk_solarflare_ii  and rhuk_planetfall. If you want to use one of those, use the following module setting respectively:

A.Transmenu with rhuk_Solarflare II - Vertical style

B.Transmenu with rhuk_planetfall - horizontal style

If you use rhuk_planetfall, you will also need to make the following changes to get the best implementation of Transmenu In the index.php file of the template, search for: 
    <div id=”silver_toolbar”>
      <div id=”silver_date”>
         <?php echo mosCurrentDate(); ?>
      </div>
      <div id=”silver_menu”>
         <?php mosLoadModules ( ‘user3′ ); ?>
      </div>
      <div style=”clear: both;”></div>
    </div>
and replace the whole with: 
    <div id=”silver_toolbar”>
       <?php mosLoadModules ( ‘user3′ ); ?>
    </div>