---
title: "How to Create a WordPress Vertical Toggle Menu?"
url: https://qa.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://qa.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

- Creates a WordPress vertical toggle menu using the Navigation Menu block from Nexter Blocks.
- Enables customization of toggle menu behavior with options for Normal, Hover, or Click in the Toggle Open section.
- Utilizes the free Nexter Builder to create the header template 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://qa.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://qa.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://qa.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://qa.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://qa.nexterwp.com/wp-content/uploads/2024/12/navigation-menu-toggle-bar-demo.gif)