Groundworx Navigation – Responsive Menu & Mobile Navigation Block for WordPress

– Slide-In Navigation – Off-canvas drawer navigation from right edge

– Classic Navigation – Traditional navigation bar with hamburger menu collapse

Multiple Menu Display Styles

Accordion menus · Accordion Alt · List navigation · Vertical menus · Horizontal navigation bars — mix and match with any layout template.

Smart Responsive Behavior

Set responsive breakpoints (tablet, laptop, desktop, large-desktop) and watch your navigation automatically collapse to a hamburger menu or modal overlay at your chosen screen size.

Flexible Position Controls

Relative, Sticky Header, Fixed Navigation, or Scroll-Up Reveal—create sticky navigation headers without writing custom CSS.

Accessibility-First Navigation

Built-in focus traps, ESC key close, arrow-key navigation, and proper ARIA attributes make your menu accessible by default.

Branding Integration

Add Site Logo, Site Title, or Site Tagline blocks anywhere in your navigation header for seamless branding.

Lightweight & Fast

No jQuery bloat. Powered by WordPress’s native Interactivity API with vanilla JavaScript—no external libraries needed for responsive navigation.

Submenu Controls

* Control nesting depth (1-5 levels) for complex navigation structures

* Indent or flatten submenu display

* Hover or click to open dropdown submenus

* Icon controls for submenu indicators

Navigation Templates In Detail Modal Navigation

Perfect for mobile-first sites. Creates a full-screen overlay navigation menu that slides in from the top or side. Ideal for clean, distraction-free mobile navigation.

Modal Dropdown Navigation

Best of both worlds: traditional dropdown navigation on desktop, modal overlay on mobile devices. Great for sites with many navigation items.

Slide-In Navigation

Off-canvas navigation drawer that slides in from the right edge. Popular for modern web apps and mobile-optimized sites.

Classic Navigation

Traditional horizontal navigation bar that collapses to a hamburger menu icon on smaller screens. The most familiar navigation pattern for users.

Block Theme Ready Groundworx Navigation is built specifically for theme.json block themes. Works perfectly with:

* Twenty Twenty-Four

* Twenty Twenty-Five

* Blockbase

* Frost

* Any FSE (Full Site Editing) block theme

Note: Requires a theme.json-ready block theme. Not compatible with classic PHP themes.