Groundworx Navigation
by Johanne Courtright on WordPress.org
Responsive Gutenberg navigation block for theme.json themes — modal, dropdown, slide-in & classic layouts with accordion, stacked, list menus.
Block Editor – Layout templates in Inspector.
Modern, accessible navigation built entirely with Gutenberg blocks and designed for theme.json-ready themes.
Key Features
Native Gutenberg Block
Everything happens in the Block Editor—no shortcodes or legacy menu screens.
Four Layout Templates
– Modal (full-screen overlay)
– Modal Dropdown (dropdown in the header on small screens, modal on mobile)
– Slide-In (off-canvas, right-edge drawer)
– Classic (inline bar that collapses to a hamburger)
Flexible Menu Displays
Accordion · Stacked · List · Vertical · Horizontal — mix & match with any template.
Responsive Behaviour Switcher
Pick a breakpoint (tablet, laptop, desktop, large-desktop) and the menu collapses to a hamburger or modal automatically.
Position Controls
Relative, Sticky, Fixed, or Scroll-Up Reveal—no custom CSS required.
Accessibility by Default
Focus traps, ESC to close, arrow-key navigation, ARIA attributes—all handled for you.
Branding Slots
Drop in Site Logo, Site Title, or Site Tagline blocks anywhere inside the navigation.
Lightweight Tech Stack
No jQuery; powered by WordPress’s Interactivity API (vanilla JS, no external libraries).
