---
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 Navigation Menu block creates a side menu or sidebar toggle menu on a WordPress website.
- Menu Layout section selects Vertical Toggle, and the Type section selects the appropriate option before choosing or creating the menu.
- Toggle Open section offers three options, Normal, Hover, and Click, while the Toggle Bar toggle adds a toggle bar with Title, URL, Prefix Icon, and Toggle Icon fields.

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)