How to Create a Vertical Menu in WordPress?

Key Takeaways

  • Nexter Blocks includes a Navigation Menu block that allows users to create a vertical menu on their WordPress website.
  • Users can select 'Vertical' from the Menu Layout section when configuring the Navigation Menu block.
  • The free Nexter Builder is required to create the header template for the vertical menu.
Table of Contents

Are you considering adding a vertical menu to your WordPress website? If your menu has only a few items, a vertical menu can give your site a distinctive and stylish look.

With the Navigation Menu block from the Nexter Blocks, you can easily create a vertical 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 from the Menu Layout section.

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

navigation menu vertical

You can select the appropriate submenu hover event and effect.

Now, your menu will be aligned vertically.

navigation menu vertical demo

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 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!

Related Frequently Asked Questions

What should I do if my vertical menu isn't displaying correctly?

If your vertical menu isn't showing as expected, ensure that the Navigation Menu block from Nexter Blocks is installed and activated. This block is essential for creating a vertical menu. Additionally, double-check that you've selected 'Vertical' from the Menu Layout section in the block settings. If the issue persists, verify that your header template is correctly set up using the Nexter Builder.

Can I use a vertical menu for a site with many menu items?

While a vertical menu can enhance the style of a site with a few items, it may not be ideal for sites with many menu items. A crowded vertical menu can lead to a cluttered appearance, making navigation difficult. Consider using a dropdown or mega menu layout instead for better organization. The Navigation Menu block from Nexter Blocks allows for various layout options to suit your needs.

What are the best settings for a vertical menu layout?

For an effective vertical menu layout, select 'Vertical' in the Menu Layout section of the Navigation Menu block settings. Additionally, choose a submenu hover event that enhances user experience, such as a fade or slide effect. These settings can make your menu more interactive and visually appealing, encouraging user engagement.

What happens if I forget to create a menu before setting it to vertical?

If you haven't created a menu before selecting the vertical layout, the menu will not display correctly. You'll need to either select an existing menu or create a new one in the Menu section of your WordPress dashboard. This step is crucial for ensuring that your vertical menu functions properly.

Does the vertical menu work with mobile devices?

The page does not specify mobile compatibility for the vertical menu created with the Navigation Menu block. However, it's important to test the menu on various devices to ensure it displays correctly and is user-friendly. Consider using responsive design principles to adapt the vertical menu for mobile users.

Last reviewed: April 14, 2026

Related Docs