Display your menus
Main menu
You can see this menu in action on the top. To obtain that, you must choose the menu location „main menu”
Bottom menu
To use it, you must choose the menu location „bottom_menu” : 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 or right column, like these example below. The color of active item is the same as active link in the content part (option in Theme customizer). If you choose a background color, the links will be white. To obtain that, you must :
- add a widget „Custom menu” in the position „left”, „right” or „userX”
- add the CSS class : „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
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 color of active item is the same as active link in the content part (option in Theme customizer). If you choose a background color, the background color will be darker. To obtain that, you must :
- add a widget „Custom menu” in the position „top”, „bottom” or „userX”
- add the CSS class : „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 widget !).