Instead of a plain list of links, your mobile menu can show a designed panel with your logo, key links, contact details or an offer.
The Navigation Menu block in Nexter Blocks Pro shows any pattern inside its off canvas mobile menu.
For every Navigation Menu setting in one place, see the Navigation Menu block guide.
Before You Start
- Edition: Pro — The off canvas pattern menu needs Nexter Blocks Pro.
- Block to enable: Navigation Menu, switched on under Nexter > Blocks in your WordPress dashboard.
- A pattern: build the panel under Nexter > Patterns.
Steps
- Go to Nexter > Patterns, create a pattern with your menu content and publish it.
- In the Navigation Menu block, open Mobile Menu, turn on Responsive Mobile Menu and choose Custom.
- Set Menu Type to Off Canvas, turn on Show Template and choose your pattern in Select Pattern.
- Set Custom Width, Toggle Style and Toggle Alignment, then save.
How It Behaves
- Tapping the hamburger slides in a panel with your pattern instead of the menu links.
- Links inside the pattern work like any other link. Edit the pattern once and every menu using it updates.
Limitations
- Pro only.
- The pattern replaces the menu links in the panel. Add the links you need inside the pattern.
Troubleshooting
The panel shows my normal menu instead of the pattern
Turn on Show Template and choose a published pattern.
