---
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 includes a Navigation Menu block that allows users to create a vertical menu on their WordPress website.
- Users can select 'Vertical' from the Menu Layout section when configuring the Navigation Menu block.
- The free Nexter Builder is required to create the header template for the vertical menu.

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)

## Frequently Asked Questions

**Q: What should I do if my vertical menu isn't displaying correctly?**
A: If your vertical menu isn't showing as expected, ensure that the Navigation Menu block from Nexter Blocks is installed and activated. This block is essential for creating a vertical menu. Additionally, double-check that you've selected 'Vertical' from the Menu Layout section in the block settings. If the issue persists, verify that your header template is correctly set up using the Nexter Builder.

**Q: Can I use a vertical menu for a site with many menu items?**
A: While a vertical menu can enhance the style of a site with a few items, it may not be ideal for sites with many menu items. A crowded vertical menu can lead to a cluttered appearance, making navigation difficult. Consider using a dropdown or mega menu layout instead for better organization. The Navigation Menu block from Nexter Blocks allows for various layout options to suit your needs.

**Q: What are the best settings for a vertical menu layout?**
A: For an effective vertical menu layout, select 'Vertical' in the Menu Layout section of the Navigation Menu block settings. Additionally, choose a submenu hover event that enhances user experience, such as a fade or slide effect. These settings can make your menu more interactive and visually appealing, encouraging user engagement.

**Q: What happens if I forget to create a menu before setting it to vertical?**
A: If you haven't created a menu before selecting the vertical layout, the menu will not display correctly. You'll need to either select an existing menu or create a new one in the Menu section of your WordPress dashboard. This step is crucial for ensuring that your vertical menu functions properly.

**Q: Does the vertical menu work with mobile devices?**
A: The page does not specify mobile compatibility for the vertical menu created with the Navigation Menu block. However, it's important to test the menu on various devices to ensure it displays correctly and is user-friendly. Consider using responsive design principles to adapt the vertical menu for mobile users.