The Vertical Menu widget helps you create a menu panel that has the menu items aligned vertically. It is a good practice for eCommerce websites and such.
Let’s see how you can operate it and customize it in this tutorial.
Find Vertical Menu from the widget menu and drag-drop it inside your webpage.
The Content tab basically holds all the basic settings that will change the system/properties of your content.
This widget works in two ways.
- You create menu on your dashboard and insert it here
- You design your menu and link it in here
For the second choice, you have to leave alone the switcher Dynamic Menu. You can see a bunch of items on the Menu Items option. Those are what you will see as a menu.
Each item is individually customizable in the content tab. Put a title, select item type, and put a link.
For the Select Item Type menu, you have three options to choose from. The first one is for the main menu item, the second one is for a sub-menu start, and the third one is for sub-menu stop indication.
If you turn on the Dynamic Menu switcher, you will have a drop-down option where you can choose pre-made menu items.
For the additional settings, turning on the Show Sticky switcher will make the menu float above the screen upon scroll.
Again, you can place the sub-menu inside the main menu panel or outside form the Sub Menu Type option as well as select column numbers.
There are two sections for the style tab. One for the main menu and the other for the sub-menu.
Go to Style> Main Menu
Here, you can change background, text, icon, and indicator color as well as spacing for the main menu. You can set colors for normal, active, and hover mode also.
Go to Style> Sub Menu
Same settings as the main menu.
Watch this video to get more visuals on the Vertical Menu widget and visit this demo page for more examples.
Thanks for staying up.