A desktop menu squeezed onto a phone becomes a hamburger icon and a guess.
The Mobile Menu block gives small screens their own bar of labelled icons, the way an app would.
Before You Start
- Edition: Pro — the Mobile Menu block is part of Nexter Blocks Pro.
- Block to enable: Mobile Menu, switched on under Nexter > Blocks in your WordPress dashboard.
- Your menu items decided: four or five is the usual limit before a phone bar gets crowded.
Steps
- Add the Mobile Menu block to your page or template and click Design from Scratch.
- In the Mobile Menu panel, add your items — each one takes a label, an icon or image, and a link.
- Set Open Mobile Menu(px) to the width below which the menu should appear.
- Set Position — fixed to the top or bottom of the screen, or absolute so it sits in the page.
- In Extra Options, choose Display and switch on the Active Page Indicator if you want the current page marked.
- Publish, then check the page on a phone or by narrowing your browser.
Open Mobile Menu(px) is a maximum width, not a minimum — the menu appears on screens narrower than the number and stays hidden above it.
What Each Panel Controls
| Panel | What you set there |
|---|---|
| Mobile Menu | The style, the menu items, where the bar sits, and the width it appears below |
| Extra Toggle | An extra button that can open a pattern, such as a full menu panel |
| Extra Options | Whether items swipe or sit in columns, and the active page indicator |
The Two Styles
| Style | What it gives you | Guide |
|---|---|---|
| Style 1 | One row of items | — |
| Style 2 | Two groups of items, one each side — the split layout | Split mobile menu |
How It Behaves
- The menu only appears below the width you set, so it never competes with your desktop navigation.
- Position = fixed pins the bar to the top or bottom of the screen, where it stays as the visitor scrolls. Measured at the bottom, the bar’s edge sits exactly at the bottom of the viewport.
- Position = absolute leaves it in the page flow instead, so it scrolls away with the content.
- Each item takes a label, an icon or image, and its own link.
Limitations
- Pro only.
- A fixed bar covers part of the screen permanently, so leave room at that edge or content hides behind it.
- Phone bars fit four or five items comfortably; beyond that use the swiper display or an extra toggle opening a full menu.
- The block is a navigation bar of its own, not a converter for an existing WordPress menu — the items are added here.
Troubleshooting
The menu never appears
Check Open Mobile Menu(px). It is the width the menu appears below, so a value smaller than the screen you are testing keeps it hidden.
It shows on desktop too
The breakpoint is set too high. Lower it to a phone width such as 767 or 480.
The block is missing from the inserter
Switch Mobile Menu on under Nexter > Blocks in your dashboard.
