Introduction
Menus help site visitors navigate from page to page on a site. For example:
With Velo, you can customize menu items by changing their labels, links, where the item opens, and if an item displays as selected. This includes using Velo to modify site menus in real time during the visitor's stay on the site.
The following table lists available menu element types and if you can customize them with code.
| Menu Type | Velo support | Submenu support |
|---|---|---|
| Menu (new) | Yes | Up to 2 additional levels (see note below) |
| Horizontal menu (old) | Yes | Up to 2 additional levels (see note below) |
| Vertical menu (old) | Yes | Up to 1 additional level |
| Drop-down menu (Deprecated) | Yes | Up to 1 additional level |
| Mobile menu | Yes | Up to 1 additional level |
Note: To have the option for 2 additional submenus available, you must first set your horizontal menu as an advanced menu. To set as an advanced menu, select the menu in the Velo editor, click the Settings icon, and click on Set as Advanced.
Deprecation Notice:
The drop-down menu component has been deprecated. It will continue to work, but can no longer be added in the editor.
Difference between old and new menu types
We are in the process of replacing Horizontal and Vertical menu types with a new general Menu type, which has horizontal and vertical layout options.
The old and new menu types function similarly and are added by the same Horizontal and Vertical menu options in the editor's add panel. While we roll out the new Menu type, some users will get the new type of menu while others will have the old Horizontal and Vertical types. You can check what type of menu you have by selecting the element in the editor. See the highlighted type in the image below:
There are some minor differences between the menu types:
- The types have different CSS classes.
- When you add a new item from the manage panel to the structure mega of a new Menu, the editor automatically adds a DropdownMenu component with the sub-menu and sub-sub-menu data. This component is not the same as the deprecated dropdownMenu menu type.