---
title: "How to Create a Vertical Menu in WordPress?"
url: https://nexterwp.com/docs/create-a-vertical-menu-in-wordpress/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you considering adding a vertical menu to your WordPress website? If your menu has only a few items, a vertical menu can give your site a distinctive and stylish..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Vertical-Menu-in-WordPress_-1024x519.jpg
word_count: 173
---

# How to Create a Vertical Menu in WordPress?

## Key Takeaways

- Nexter Blocks Navigation Menu block creates a vertical menu in WordPress by adding the block to the header template and selecting Vertical from the Menu Layout section.
- Nexter Builder creates the header template for the vertical menu setup, and it is free.
- Navigation Menu block lets the user choose the appropriate Type, select or create a menu, and set submenu hover event and effect.

Are you considering adding a vertical menu to your WordPress website? If your menu has only a few items, a vertical menu can give your site a distinctive and stylish look.

With the Navigation Menu block from the Nexter Blocks, you can easily create a vertical menu on your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Navigation Menu block, [click here](https://nexterwp.com/docs/add-a-navigation-menu-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-navigation-menu/)

To do this, add the Navigation Menu block to the header template and follow the steps -

> *Note: To create the header template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)*.* 

1. From the **Type** section, select the appropriate option.

2. Then select **Vertical **from the **Menu Layout** section.

3. Finally, select or create the menu depending on the option selected in the **Type **section.

![](https://nexterwp.com/wp-content/uploads/2024/12/navigation-menu-vertical.png)

You can select the appropriate submenu hover event and effect.

Now, your menu will be aligned vertically.

![](https://nexterwp.com/wp-content/uploads/2024/12/navigation-menu-vertical-demo.png)