Header Vertical
Last updated
Last updated
Follow our tutorial video to display the Vertical Header properly.
Categories menu: Select the menu that will be displayed in the vertical header.
Title Menu: Set the title for the categories menu in the vertical header.
Background Title: Choose the background color for the menu title. You can use predefined colors or apply custom CSS styling.
Menu Icons (1-10): Add a custom SVG code to display an icon for each corresponding menu item in the vertical header. Up to 10 icons can be assigned, enhancing visual navigation.
Menu Item: Enter the name of the level 1 menu to display the mega menu dropdown. Follow the format [icon_x]MenuName
where x represents the icon number. Pay attention to uppercase and lowercase letters.
Open Link in New Tab: Enable this option to open the menu item link in a new browser tab.
Desktop Menu Columns: Set the number of columns for the submenu when displayed on desktop.
Mega Menu Custom Width: Adjust the custom width (in pixels) for the mega menu to fit your design layout.
Banner Position: Choose whether the banner image appears on the left or right of the mega menu.
Banner Style: Select the banner orientation: Horizontal, Vertical
Banner Width: Adjust the banner image width as a percentage of the total mega menu width.
Banner Image: Upload or select an image to be displayed as the banner within the mega menu.
Link: Add a URL to make the banner.