Skip to content

How to Create a Vertical Menu in WordPress?

Key Takeaways

  • Nexter Blocks Navigation Menu block creates a vertical menu in WordPress by adding the block to the header template and selecting Vertical in Menu Layout.
  • Nexter Builder is used to create the header template before the Navigation Menu block is added.
  • Submenu settings let the user choose the hover event and animation effect that opens nested items in a 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 Nexter Blocks, you can 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 Nexter Blocks. Make sure it is installed and activated.

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 type of menu you want to display. This setting controls how the block sources its navigation items.

2. From the Menu Layout section, select Vertical to stack the menu items from top to bottom instead of displaying them side by side.

3. Select or create the menu based on the option you chose in the Type section. After saving, your menu items will appear in a vertical column on the page.

From the Submenu section, choose the hover event and animation effect that triggers the sub-menu to open. This is useful when your vertical menu has nested items and you want to control how sub-menus expand.

Your navigation menu will now display as a vertical list on your page.

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!