Auf WordPress veröffentlichen
A Mega Menu (Mobile) is a section menu — it renders at the spot in the page where you embed it. On WordPress, the Navi+ AI Menu Builder plugin places it via shortcode or Gutenberg block; you never edit theme files.
Other platforms (Wix, Squarespace, Webflow, custom sites): see Publish on Wix / Squarespace / Others.
Steps
- Install the plugin — see Install the Navi+ AI Menu Builder plugin.
- Build your Mega Menu (Mobile) in Appearance → Naviplus Menu Builder. See Mega Menu (Mobile) — How to use.
- Copy the Embed ID (e.g.
SF-123456789). - Embed it using one of the methods below.
Insert the menu
Option 1 — Shortcode (recommended)
[naviwp embed_id="SF-123456789"]
Paste this into any post, page, or shortcode-aware widget.
If you want the mobile mega menu to live in your site header, the cleanest spot is the mobile header area in your theme — or a Full Site Editing template part scoped to mobile.
Option 2 — Gutenberg block
In the block editor, + → Naviplus Menu Builder, paste the Embed ID into the block sidebar. A plain Shortcode block with [naviwp embed_id="SF-..."] works the same way.
Option 3 — Page builders
Use a Shortcode widget with [naviwp embed_id="SF-..."], or an HTML widget:
<div class="naviman_app section_naviman_app" id="SF-123456789-container"></div>
Mobile-first tips
- Make tap targets at least 44 × 44 px — use the editor’s spacing and padding controls; preview on a real device.
- Avoid more than 2 nesting levels — deep submenus are frustrating on touchscreens. For deeper trees consider a Slide Menu instead.
- Pair this with a Mega Menu (Desktop) and use Display rules → Device to render each menu only on its target breakpoint.
- Watch for overlap with sticky elements (Tab Bar, FAB, chat widgets). See Menu overlapping other elements.
Updating the menu later
Edits in the editor apply on the next front-end page load — no WordPress cache flush required.