Groundworx Navigation

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

Groundworx Navigation – Responsive Menu & Mobile Navigation Block

Version 1.0.6

WordPress version 6.5 or higher

Tested up to 6.8.3

Download Free Plugin

Support

Donate

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

1/1

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.

Explore Groundworx Core