Main menu

You can see this menu in action on the left side column (with the 3 bars icon).

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

Important : This main menu use javascript. If you have a javascript conflict with another extension, the menu can stop to work (it's not possible to open it). Of course I recommend you to solved this javascript problem or search another extension. But if it's not possible, you can replace this menu by a classic menu without any javascript code. It's the last option of the section "Menu" in Template manager.

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 (with the Module class suffix "vertical-menu"). The border 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"

CSS class : vertical-menu-grey

CSS class : vertical-menu-blue

CSS class : vertical-menu-orange

CSS class : vertical-menu-turquoise

CSS class : vertical-menu-black

CSS class : vertical-menu-red

CSS class : vertical-menu-green

CSS class : vertical-menu-violet

CSS class : vertical-menu-white

CSS class : vertical-menu-brown

Additional Horizontal menu

You can publish an additional horizontal menu in the Top, Bottom or UserX position, like these example below. The border 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"

CSS class : horizontal-menu

CSS class : horizontal-menu-grey

CSS class : horizontal-menu-blue

CSS class : horizontal-menu-orange

CSS class : horizontal-menu-turquoise

CSS class : horizontal-menu-black

CSS class : horizontal-menu-red

CSS class : horizontal-menu-green

CSS class : horizontal-menu-violet

CSS class : horizontal-menu-brown

Note : All these menus work without javascript code (pure CSS : no risk of conflict with another module !).