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


Note : you can disable the option "Sticky menu" in Template manager..


Additional Vertical menu 1

You can publish an additional vertical menu in the left or right column, like these example below. The background color of active item is the same as active menu item of drop down menu (option in Template manager)

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

  • position : "left", "right" or "userX"
  • Always show sub-menu items : "yes" or "no"
  • Module class suffix : "vertical_menu"
  • Add a second Module class suffix if you want a background-color : "white", "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue"
    Example Module class suffix " vertical_menu green"

Note : you can use several levels of links with this menu.

 

 

Additional Vertical menu 2

I create a variation of the previous vertical menu. The background color of active item is darker.

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

  • position : "right" or "userX"
  • Always show sub-menu items : "yes" or "no"
  • Module class suffix : "vertical_menu2"
  • Add a second Module class suffix if you want a background-color : "white", "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue"
    Example Module class suffix " vertical_menu2 green"

Note : you can use several levels of links with this menu.

 

Additional Horizontal menu 1

You can publish an additional horizontal menu like these example below. The background color of active item is the same as active menu item of drop down menu (option in Template manager)

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

  • position : "top", "bottom" or "userX"
  • Always show sub-menu items : "no"
  • Module class suffix : "horizontal_menu"
  • Add a second Module class suffix if you want a background-color : "white", "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue"
    Example Module class suffix " horizontal_menu green"

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

 

Additional Horizontal menu 2

I create a variation of the previous vertical menu. The background color of active item is darker.

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

  • position : "top", "bottom" or "userX"
  • Always show sub-menu items : "no"
  • Module class suffix : "horizontal_menu"
  • Add a second Module class suffix if you want a background-color : "white", "grey", "black", "brown", "orange", "red", "green", "violet", "turquoise" or "blue"
    Example Module class suffix " horizontal_menu2 green"

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"

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

 

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