Professional Navigation Block for WordPress
Built for Modern WordPress
A lightweight WordPress plugin that adds a powerful, flexible navigation block to the Gutenberg editor. If you’ve struggled with the limitations of the core Navigation block, this plugin gives you better control—without the extra clutter. Professional navigation block with 4 responsive layouts. Mobile-friendly menus that adapt to any screen size, built with the Interactivity API for smooth performance.
Native Gutenberg Block
Everything happens inside the block editor—no shortcodes or legacy admin screens.
True Responsive Navigation
One menu that transforms across breakpoints—no cloning, no duplication. Your navigation automatically adapts its display and behavior based on screen size, without creating separate menu instances for mobile and desktop.
Lighter, faster, and easier to maintain.
- Better performance
- Easier maintenance
- Cleaner code
- Proper responsive design
4 Layout Options
Choose from Modal Full (screen overlays), Modal Dropdown (dropdown at the header), Slide-in (off-canvas, left-edge drawer), or Classic (inline tag cloud).
Flexible Menu Displays
Accordion, Stacked, Vertical, Vertical—Horizontal layouts to match any design.
-
Accordion List -
Stacked Menu -
Vertical Menu -
Unordered LIst
Included Gutenberg Blocks
Navigation Block
Responsive navigation with modals, slide-ins, and breakpoint-based layout switching
Branding Block
Holds the site logo, link, or menu branding inside the navigation layout
Menu Block
A responsive menu, can be displayed as stacked menu, list, vertical menu, and accordion.
Submenu Block
Add a submenu to your navigation
Link Block
Add a single link, or another item to your navigation
Spacer Block
Spacer used for your navigation
Frequently Asked Questions
It’s an alternative that makes complex layouts—modals, slide-ins, sticky headers—possible without custom CSS or extra plugins. Use whichever block fits your project; both can coexist.
Those positions appear only when the block sits inside a Header template part (or another part whose slug is header). In normal page content, only Relative and (for Classic) Sticky are available.
tablet, laptop, desktop, large-desktop—matching Groundworx breakpoint utilities. Set Toggle Behaviour → Responsive and choose a breakpoint icon.
Accordion, Stacked, List, Vertical, and Horizontal. Each works with any layout template (Modal, Modal Dropdown, Slide-In, Classic).
Groundworx Navigation relies on WordPress’s block-theme framework (theme.json). If you’re using a classic PHP theme, or a block theme without full theme.json support, the menu won’t load correctly.
Solution: switch to a theme explicitly “theme.json-ready” (e.g. Twenty Twenty-Four, Twenty Twenty-Five, Blockbase, Frost).
Need More Blocks?
Groundworx Testimonial is part of our free plugin collection. For a complete framework with 11 blocks, 12 core extensions, and unified responsive controls, check out Groundworx Core.