A swiper menu shows all main links in a row that visitors swipe sideways, so the menu is always visible on phones.
The Navigation Menu block in Nexter Blocks Pro has a Swiper mobile menu type.
For every Navigation Menu setting in one place, see the Navigation Menu block guide.
Before You Start
- Edition: Pro — The Swiper mobile menu needs Nexter Blocks Pro.
- Block to enable: Navigation Menu, switched on under Nexter > Blocks in your WordPress dashboard.
Steps
- Add the Navigation Menu block to your header template and set up the menu.
- Open Mobile Menu, turn on Responsive Mobile Menu and set Open Mobile Menu (Screen Width).
- Choose Custom or Standard under Mobile Menu, then set Menu Type to Swiper.
- Set Navigation Alignment and save.
How It Behaves
- Below the chosen width, the menu becomes a single row of links that scrolls sideways with a swipe.
- There is no hamburger button; the links are always visible.
Limitations
- Pro only. Without Pro the swiper script is missing and the row does not swipe.
- Dropdown sub-items are not shown in the swipe row. Keep swiper menus to top-level links.
Troubleshooting
The row does not swipe
Check that Nexter Blocks Pro is active and clear any page cache.
