Skip to content

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.
Table of Contents

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.

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

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. 

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.

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.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What do I need before creating a WordPress vertical toggle menu?

Nexter Blocks has to be installed and activated first, because the Navigation Menu block is part of Nexter Blocks. That matters because the vertical toggle menu is built from that block, not from a separate menu plugin. The tutorial also says the block is added to a header template, and the header template can be created with the free Nexter Builder.

How do I make a vertical toggle menu in WordPress instead of a normal horizontal menu?

The key setting is Menu Layout. In the Navigation Menu block, select Vertical Toggle there, then choose or create the menu from the Type section. That combination turns a standard navigation into a side menu or sidebar toggle menu, which is useful when a site has lots of categories or content sections.

Why isn't my vertical toggle menu showing up on the site?

The most common blocker is that Nexter Blocks is not installed or activated, since the Navigation Menu block depends on it. Another issue is placement: the tutorial adds the block to a header template, so if it is not in the header template, it will not behave like the intended toggle menu. The Nexter Builder note matters here because that is how the header template is created.

Should I use hover or click for a vertical toggle menu?

Hover works when you want the menu to appear on mouseover, while Click is better when you want explicit user control over opening and closing. The Toggle Open section also includes Normal, which keeps the menu always visible. For side menus with lots of links, Click usually feels safer because it avoids accidental opens while moving across the page.

Can I change the title and icons on a WordPress vertical toggle menu?

The Title field changes the toggle bar label, and the Prefix Icon and Toggle Icon sections let you swap out both icons. That gives you control over how obvious the menu trigger looks, which matters on crowded layouts where users need a clear visual cue. The URL field also lets you add a link for the toggle bar itself.

Where can I see an example of the Nexter navigation menu block before building it?

The page points to a LIVE BLOCK LINK for the Navigation Menu block. That is useful if you want to confirm how Vertical Toggle behaves before wiring it into your own header template. The same page also links to click here for the complete feature overview documentation.

Last reviewed: August 18, 2026

Related Docs