Skip to content

How to Create a Vertical Mega Menu in WordPress?

Key Takeaways

  • Nexter Blocks Navigation Menu block creates a vertical mega menu in WordPress for sites with a large number of pages and categories.
  • Nexter Builder creates the header template needed before adding the Navigation Menu block.
  • Manual Menu and Vertical are the two settings used in the Navigation Menu block before adding top level menu items and sub menu or mega menu items.
Table of Contents

A vertical mega menu is the classic shop sidebar: a stacked list of categories, each opening a wide panel of links.

The Navigation Menu block in Nexter Blocks Pro combines the Vertical layout with Mega Menu items.

For every Navigation Menu setting in one place, see the Navigation Menu block guide.

Before You Start

  • Edition: Pro — Mega Menu needs Nexter Blocks Pro.
  • Block to enable: Navigation Menu, switched on under Nexter > Blocks in your WordPress dashboard.
  • Patterns for the panels: create them under Nexter > Patterns. See how to create a mega menu.

Steps

  1. Add the Navigation Menu block, set Type to Manual Menu and Menu Layout to Vertical.
  1. Add each top-level item at 0 Level.
  1. Below an item, add a 1 Level item, set Submenu Type to Mega Menu and choose its pattern in Select Pattern.
A Mega Menu item with Select Pattern chosen
  1. Repeat for other items, then save.
A vertical category menu opening a wide mega panel

How It Behaves

  • Items are stacked; opening an item shows its pattern panel.
  • Each item can use a different pattern.

Limitations

  • Pro only.
  • Keep panels narrow enough to fit next to the sidebar on smaller laptops.

Troubleshooting

The panel does not open

Check the Mega Menu item is at 1 Level directly below its parent and a published pattern is selected.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!