Horizontal Menu

Summary

Horizontal Menu is the main navigation instrument and one of the major elements in web design.
It allows visitors to navigate through the CMS pages. It is usually placed at the top of the webpage.
Horizontal menu consists of the menu bar and menu items.
A menu item can contain a submenu bar and submenu items.
A menu item can have 3 different looks for Default, Active and Hover states.

Usage

This control can be found under Insert > Navigation > Horizontal Menu.
It is possible to add several Horizontal Menu controls in one template.
It can be inserted into the sheet, header, footer and directly into the theme - every instance of the control can be styled differently.
If Horizontal Menu is added into the header, then it will have an absolute positioning.

Similar to other controls, Horizontal Menu control has a default style which can be changed under Styles > Menu.

In the Responsive tab, it is possible to enable the responsive menu and to define on which action the responsive submenu bar should appear. Also, it is possible to style the responsive menu icon for default and hover states.

### Summary **Horizontal Menu** is the main navigation instrument and one of the major elements in web design. It allows visitors to navigate through the CMS pages. It is usually placed at the top of the webpage. Horizontal menu consists of the menu bar and menu items. A menu item can contain a submenu bar and submenu items. A menu item can have 3 different looks for **Default**, **Active** and **Hover** states. !horizontal-menu.png! ### Usage This control can be found under **Insert** > **Navigation** > **Horizontal Menu**. It is possible to add several **Horizontal Menu** controls in one template. It can be inserted into the sheet, header, footer and directly into the theme - every instance of the control can be styled differently. If **Horizontal Menu** is added into the header, then it will have an absolute positioning. Similar to other controls, **Horizontal Menu** control has a default style which can be changed under **Styles** > **Menu**. In the **Responsive** tab, it is possible to enable the responsive menu and to define on which action the responsive submenu bar should appear. Also, it is possible to style the responsive menu icon for default and hover states. #### WordPress [How to Create Horizontal Menu](page:5541) #### Joomla [How to Create Horizontal Menus in Joomla](page:5516) #### Drupal [How to Create Horizontal Menus in Drupal](page:5542) #### Magento [Horizontal menu in Magento](page:3826#hmenu) #### PrestaShop [Horizontal menu in prestaShop](page:3829#hmenu)