--- title: "How to Create a Vertical Menu in Elementor?" url: https://theplusaddons.com/docs/create-a-vertical-menu-in-elementor/ date: 2023-10-27 modified: 2026-04-10 author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Vertical-Menu-in-Elementor_-1024x536.jpg word_count: 493 --- # How to Create a Vertical Menu in Elementor? ## Key Takeaways - The Plus Addons for Elementor allows users to create a vertical menu using the Navigation Menu widget. - The Plus Addons for Elementor Pro provides advanced menu modes, styling, and behavior settings not available in the free version. - Users can customize submenu behavior to open on hover or click with The Plus Addons for Elementor Pro. 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](/docs/navigation-menu-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ### Create a Vertical Menu This is a pro feature, [upgrade to The Plus Addons for Elementor Pro for full functionality,](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) plus 120+ other widgets. 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*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* 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** section. 3. Finally, select or create the menu depending on the option selected in the **Menu Type** dropdown from the **Content** tab. ![](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-vertical-menu-new.png) Suggested reading, [5 Best Elementor Mega Menu Plugins.](https://theplusaddons.com/blog/best-elementor-mega-menu-plugins/) You can select the appropriate submenu hover event and effect. Now, your menu will be aligned vertically. ![navigation menu vertical menu demo](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-vertical-menu-demo.png) ### Upgrade for Full Navigation Menu Power (Pro Only) Unlock the full potential of navigation menus with **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)**, giving you advanced menu modes, styling, and behavior settings beyond what Elementor or basic themes allow—directly within Elementor’s UI. #### Horizontal & Vertical Menu Layouts Choose between horizontal, vertical, or mega menu layouts with ease. This flexibility allows you to build sidebars or vertical menus for blogs and side-based navigation—functionality not included in Elementor’s free widget. #### Hover or Click Dropdown Control Customize how submenus open—choose open-on-hover or click behavior. This control ensures optimal usability depending on menu complexity or device type. #### Sticky Navigation Support Pin your navigation menu in place as users scroll through longer pages, ensuring menu access at all times—ideal for one-page sites and sticky headers. #### Custom Mega Menu & Repeater-Based Menus Switch to "Custom Repeater Menu" to design mega menus with links, images, and custom content using Elementor’s editor. Use plus repeater fields to build truly bespoke navigation panels. #### Why Upgrade? Upgrading to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)** empowers you to design navigation menus that go beyond standard layouts—supporting responsive mobile toggles, hover-friendly dropdowns, sidebar vertical menus, and elaborate mega navigation designs. You get a full navigation toolkit integrated natively in Elementor, with no CSS required and flexible design potential for every type of site. With Pro, you're unlocking not just a menu widget—but a premium navigation system that enhances UX, improves layout control, and integrates seamlessly into modern web design workflows. Also, read [how to create a side menu in Elementor](https://theplusaddons.com/docs//create-a-side-menu-in-elementor/). ## Frequently Asked Questions **Q: What should I do if my vertical menu isn't displaying correctly?** A: If your vertical menu isn't displaying as expected, ensure that the Navigation Menu widget from The Plus Addons for Elementor is properly installed and activated. This widget is essential for creating the vertical menu. Additionally, check that you've selected 'Vertical Menu' in the Menu Direction section of the settings. **Q: What are the best settings for a vertical menu in Elementor?** A: For optimal usability, select the appropriate submenu hover event and effect when setting up your vertical menu. This ensures that users can easily navigate through submenus without confusion. Consider using open-on-hover for a more interactive experience. **Q: Does upgrading to The Plus Addons for Elementor Pro improve my vertical menu options?** A: Upgrading to The Plus Addons for Elementor Pro unlocks advanced features for your vertical menu, including customizable hover effects and sticky navigation support. This allows for a more dynamic user experience and better control over menu behavior.