---
title: "How to Create a WordPress Vertical Toggle Menu?"
url: https://nexterwp.com/docs/create-a-wordpress-vertical-toggle-menu/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to create a WordPress vertical toggle menu? A side menu or vertical toggle menu is great for large websites with lots of content with many different categories...."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-WordPress-Vertical-Toggle-Menu_-1024x519.jpg
word_count: 275
---

# How to Create a WordPress Vertical Toggle Menu?

## Key Takeaways

- Nexter Blocks includes a Navigation Menu block that allows users to create a vertical toggle menu on their WordPress website.
- Users can select from three toggle menu opening behaviors: Normal, Hover, or Click, to customize the menu experience.
- The Nexter Builder is available for free and can be used to create the header template needed for the vertical toggle menu.

Do you want to create a WordPress vertical toggle menu? A side menu or vertical toggle menu is great for large websites with lots of content with many different categories.

With the Navigation Menu block from the Nexter Blocks, you can easily create a side menu or sidebar toggle 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 Toggle **from the **Menu Layout** section.

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

You can select the appropriate submenu hover event and effect.

By enabling the **Toggle Bar** toggle, you can add a toggle bar for the menu.

![](https://nexterwp.com/wp-content/uploads/2024/12/navigation-menu-toggle-bar.gif)

From the **Toggle Open** section, you can set the behavior of the toggle menu opening. Here, you’ll find three options - 

**Normal** - To always show the menu.

**Hover** - To show the menu on hover.

**Click** - To show the menu on click.

From the **Title** field, you can change the toggle bar title.

You can add a link for the toggle bar in the **URL** field.

From the **Prefix Icon** and **Toggle Icon** sections, you can change the toggle bar icons.

Now you’ll see a vertical toggle menu.

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

## Frequently Asked Questions

**Q: What should I do if the vertical toggle menu doesn't appear after following the steps?**
A: If the vertical toggle menu isn't showing up, ensure that the Navigation Menu block from Nexter Blocks is installed and activated. This block is essential for creating the menu. Additionally, check that you've correctly selected 'Vertical Toggle' in the Menu Layout section and that you've created or selected a menu in the Type section.

**Q: Can I use the vertical toggle menu for a website with many categories?**
A: A vertical toggle menu is particularly beneficial for large websites with numerous categories, as it helps organize content efficiently. By using the Navigation Menu block from Nexter Blocks, you can create a sidebar toggle menu that enhances user navigation, making it easier for visitors to find relevant sections.

**Q: What are the best settings for submenu hover events in a vertical toggle menu?**
A: When configuring submenu hover events for your vertical toggle menu, consider using the 'Hover' option for a dynamic user experience. This setting allows the submenu to appear when users hover over the main menu item, which can be more intuitive for visitors exploring multiple categories.