Display your menus

Drop down menu

You can see this menu in action on the top.

To obtain that, you must select your main menu in module manager and enter these settings :

• position : "menu"
• Always show sub-menu items : "yes"
• no Module class suffix or Menu class suffix

{gallery}dropdown-menu.jpg{/gallery}

 

Top menu

To use it, you must select your menu in module manager and enter these settings :

• position : "top_menu"
• Always show sub-menu items : "no"
• no Module class suffix or Menu class suffix

Note : you can use only 1 level of links with this menu.

 

Bottom menu

To use it, you must select your menu in module manager and enter these settings :

• position : "bottom_menu"
• Always show sub-menu items : "no"
• no Module class suffix or Menu class suffix

Note : you can use only 1 level of links with this menu.

 

Additional Vertical menu

You can publish an additional vertical menu in the left, right or User module position, like this example on the Left column. The background color of active item is the same as active link in the content part (option in Template manager). If you choose a background color, the links will be white. To obtain that, you must :

• In Module manager, publish a menu in the position "left" or "userX"
• add the Module class suffix : "vertical-menu"
• Add a code color if you want a background-color : "white", "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue" Example CSS class " vertical-menu-green"

 

Note : with the position "user7", "user8" and "user9", the result is a little different.

 

 

Additional Horizontal menu

You can publish an additional horizontal menu in the Top, Bottom or UserX position, like these example below. The background color of active item is the same as active link in the content part (option in Template manager). If you choose a background color, the background color will be darker. To obtain that, you must :

• In Module manager, publish a menu in the position "top", "bottom" or "userX"
• add the Module class suffix : "horizontal-menu"
• Add a code color if you want a background-color : "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue" Example CSS class " horizontal-menu-green"