How to use the Vertical Menu widget

How to use the Vertical Menu widget

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.

Inserting widget

Find Vertical Menu from the widget menu and drag-drop it inside your webpage.

Content tab

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

Type 2

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.

Type 1

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.

Style tab

There are two sections for the style tab. One for the main menu and the other for the sub-menu.

Main 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.

Sub Menu

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.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.