How to Create a Vertical Menu in Elementor?

Updated on January 20, 2024 by Ananda
Table Of Content

Do you want to add a vertical menu to your Elementor website? If you have a small number of menu items, then adding a vertical menu can add a unique touch to your website.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a vertical menu on your Elementor website.

To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, add the Navigation Menu widget to the header, sidebar or a page template and follow the steps –

Note: To create the template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it. 

1. From the Menu Type dropdown, select the appropriate option.

2. Then select Vertical Menu from the Menu Direction dropdown.

3. Finally, select or create the menu depending on the option selected in the Menu Type dropdown.

Navigation menu vertical menu

You can select the appropriate submenu hover event and effect.

Now, your menu will be aligned vertically.

Navigation menu vertical menu demo
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website