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.
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.

How to Create a WordPress Vertical Toggle 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.

How to Create a WordPress 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

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!