BLACK FRIDAY
Save 59% on PageForge Annual $191/year $485/year
Claim 59% Off →
Groundworx Navigation – Responsive Menu & Mobile Navigation Block icon
Actively maintained Tested with WP 7.1 #10 in fse

Groundworx Navigation – Responsive Menu & Mobile Navigation Block

Responsive navigation block for WordPress FSE themes. Mobile menus, hamburger, modal overlays, dropdowns & sticky headers made easy.

Active installs60+10+ tier
Downloads · 30d138▼ -31.3% vs prev. 30d
Rating—0 reviews
Health score64/100Good
All-time downloads1.6KSince Jul 2025
Support resolved—No recent threads
RequiresWP 6.5PHP 7.4+
Downloads · 7d32▼ -3% week over week
Our verdict

Solid choice

Groundworx Navigation is a solid plugin choice in 2026, with a few things worth checking first. It runs on 60+ sites and was last updated 2 months ago, and scores 64/100 on our health check.

  • Tested with the latest WordPress (7.1)
  • Small user base (60+ active installs)
  • Very few reviews so far

How does it stack up?

Side-by-side on installs, updates, ratings & support

Daily downloads

142944Jul 14Aug 27Oct 11
Yesterday4
Daily average (1y)4
Peak day59Aug 28, 2026
Last 12 months1.3K

Download spikes usually follow a new release — each site that auto-updates counts as a download.

Rankings

Where Groundworx Navigation stands today

WordPress.org search rankings

Live position in the plugin search, top 100
KeywordPositionCompeting pluginsCategory
fse #95 433 Best fse plugins →
gutenberg >100 7,908 Best gutenberg plugins →
menu >100 10,000 Best menu plugins →
navigation #84 6,229 Best navigation plugins →
responsive menu >100 6,486 Best responsive menu plugins →

Version adoption

Share of active sites per release.

  • 1.269.6%
  • 1.130.4%

About Groundworx Navigation

From the official readme · v1.2.0

Description

Groundworx Navigation is a powerful responsive navigation block for WordPress block themes. Build professional navigation menus, mobile-responsive hamburger menus, modal overlays, dropdown navigation, and sticky headers—all with native Gutenberg blocks. No coding required.

Perfect for theme.json block themes, this navigation block gives you complete control over your site’s header navigation, mobile menu behavior, and responsive breakpoints.

Why Choose Groundworx Navigation?

Replace complex navigation plugins with a native Gutenberg block solution. Whether you need a simple navigation bar, mobile hamburger menu, full-screen modal overlay, or off-canvas slide-in drawer—Groundworx Navigation handles it all.

Perfect for:
* Block theme developers building custom navigation headers
* Sites requiring mobile-first responsive navigation menus
* Accessibility-focused WordPress navigation
* Portfolio and business sites with sticky navigation headers
* Multi-level navigation structures and deep site menus

Key Features

Native Gutenberg Navigation Block
Build your navigation menu entirely in the WordPress Block Editor—no shortcodes, no legacy menu screens, just blocks.

Four Responsive Layout Templates
– Modal Navigation – Full-screen overlay menu for mobile devices
– Modal Dropdown – Dropdown header navigation on desktop, modal on mobile
– 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.

Installation

Automatic Installation

  1. Go to Plugins → Add New in your WordPress admin
  2. Search for “Groundworx Navigation“
  3. Click Install Now then Activate
  4. Add the Groundworx Navigation block in the Block Editor

Manual Installation

  1. Download the plugin zip file
  2. Upload to /wp-content/plugins/ or install via Plugins → Add New → Upload Plugin
  3. Activate Groundworx Navigation
  4. Start building responsive navigation menus in the Block Editor

Quick Start Guide

  1. In the Block Editor, add the Groundworx Navigation block
  2. Choose a navigation layout template (Modal, Slide-In, Dropdown, or Classic)
  3. In Menu Settings, click Create New Menu or select existing navigation menu
  4. Insert Navigation Menu, Branding, or Spacer blocks
  5. Configure responsive breakpoint, sticky header, accordion/list display in Layout Settings
  6. Publish and view your responsive navigation menu—no coding required

Frequently asked questions

Does this replace WordPress core Navigation block?

Groundworx Navigation is an alternative focused on complex responsive layouts—modal overlays, slide-in navigation, sticky headers, hamburger menus—without requiring custom CSS. Both navigation blocks can coexist in WordPress.

Why can’t I select Fixed or Scroll-Up Reveal position?

Fixed and Scroll-Up Reveal navigation positions only appear when the block is placed inside a Header template part. In regular page content, only Relative and Sticky positions are available for navigation menus.

What responsive breakpoints are available?

Choose from tablet, laptop, desktop, or large-desktop breakpoints—matching Groundworx breakpoint utilities. Set Toggle Behaviour → Responsive in navigation settings and pick your breakpoint.

Which menu display styles are included?

Accordion, Accordion Alt, List, Vertical, and Horizontal navigation displays. Each menu style works with any layout template (Modal, Modal Dropdown, Slide-In, or Classic navigation).

Will this work with my WordPress theme?

Groundworx Navigation requires a theme.json block theme (also called FSE or Full Site Editing theme). If you’re using a classic PHP theme or older block theme without full theme.json support, the navigation block won’t function correctly. Solution: Use a modern block theme like Twenty Twenty-Four, Twenty Twenty-Five, Blockbase, or Frost—all fully compatible with Groundworx Navigation.

Can I create mega menus with multiple columns?

Yes! Use the flexible block structure to create multi-column navigation menus and mega menu layouts within any navigation template.

Does it work with WooCommerce?

Absolutely. Groundworx Navigation works with any WordPress block theme, including WooCommerce-enabled sites. Build custom navigation menus with your product categories.

Is the navigation mobile-responsive?

Yes! That’s the core feature. Choose responsive behavior and breakpoints, and your navigation automatically adapts—collapsing to a hamburger menu, modal, or slide-in drawer on mobile devices.

Can I have sticky navigation headers?

Yes. Select Sticky or Fixed position in navigation settings to create sticky header navigation that stays visible while scrolling.

Changelog

Critical fix for slide-in template layout issues and improved scrollbar behavior. Update recommended for all users.

1.2.0

  • Submenu color controls (Text, Background, Link) now display for all layout templates, not just Classic
  • New: Menu post editor now limits the inserter to menu item blocks (links, submenus, spacers, page list)
  • New: Menu post editor shows a persistent appender below the last item that directly adds a new link
  • Hardened menu post saving: blocks that aren’t valid menu items are stripped on save (block editor, REST, and programmatic inserts)
  • Fix: Menu and submenu color fallbacks now use fixed values instead of the theme’s base/contrast presets, which produced unreadable menus on themes with reversed (dark) color setups

1.1.0

  • Consolidated all block assets into central editor/style handles (removed per-block file references)
  • Refactored all block registrations to use central entry point pattern
  • Added PHP namespaces to block renderers and utility files
  • Fix: Submenu color controls now display correctly for classic layout
  • Improved internationalization for editor panel titles, toolbar buttons, and breakpoint labels
  • Hardened output escaping for inline CSS values in block render callbacks
  • Fix: aria-label now applied to <nav> element with “Main Navigation” default fallback
  • Fix: aria-controls on toggle buttons now points to the menu content panel
  • Fix: Close button no longer has permanent tabindex="-1"
  • Fix: Open button now includes aria-expanded state
  • Lowered PHP requirement to 7.4
  • Updated Tested up to 6.9

1.0.6

  • Fix: Resolved slide-in template layout propagation issue that caused menu to display incorrect layout type (horizontal-menu instead of accordion)
  • Fix: Improved scrollbar color and behavior for long navigation menus that exceed screen height
  • Fix: Corrected React hook dependency array to prevent crash when switching toggle behavior modes

1.0.5

  • New: Added Max Visible Nesting Level control (1-5 levels) to limit submenu depth for visitors
  • New: Added Indent Submenu and Flatten Submenu options for enhanced menu structure control
  • Improvement: Refactored responsive layout logic into reusable hook, reducing code duplication
  • Fix: Resolved React hook dependency issues that caused crashes when switching toggle behavior
  • Fix: Fixed memory leak in navigation bounds measurement (resize listener cleanup)
  • Fix: Corrected infinite loop in navigation-menu attribute updates
  • Enhancement: Renamed “Stacked Menu” to “Accordion Alt” for better clarity

1.0.4

  • Fix: geometry mismatch when OS is set to “Always show scroll bars” could mis-detect nav bounds.
  • Improve: no layout shift when locking body; close button no longer jumps.
  • Improve: optional menu scrollbar styling.

1.0.3

  • Fixed editor icon display issue (now hidden when SVG is used)
  • General stability and performance improvements for navigation menu

Full changelog on WordPress.org →

Screenshots

Block Editor – Navigation layout templates in Inspector settings
Block Editor – Navigation layout templates in Inspector settings
Slide-In navigation drawer on mobile
Slide-In navigation drawer on mobile
Modal navigation full-screen overlay
Modal navigation full-screen overlay
Classic navigation bar with hamburger menu
Classic navigation bar with hamburger menu
Dropdown navigation with submenus
Dropdown navigation with submenus
Sticky header navigation in action
Sticky header navigation in action

For developers

Is this your plugin? Show off the numbers.

Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.

Active installs badge Rating badge Health score badge

Best Groundworx Navigation alternatives

All fse plugins →
Alternatives
Rank Plugin Active installs Rating Updated Health
1 Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE Otter Blocks Quickly create WordPress pages with 20+ blocks, 100+ ready-to-import designs, and advanced… by Themeisle 300K+ ★★★★★★★★★★ 4.7 (250) 2 weeks ago 96
2 No Gutenberg? – Choose Where to Use the Block Editor or the Classic Editor No Gutenberg? Decide where the block editor stays and where the Classic Editor comes back. It also… by Fernando Tellado 9K+ ★★★★★★★★★★ 5 (16) 2 months ago 84
3 Blocks Starter Templates Blocks Starter Templates Starter templates and patterns library. Ready-to-use Gutenberg templates that work with… by BlocksWP 1K+ ★★★★★★★★★★ 3 (1) 3 months ago 62
4 Marquee Block Marquee Block Marquee block is CSS based animation block to display scrolling text, images and any kinds… by Emran Ahmed 1K+ ★★★★★★★★★★ 5 (3) 2 months ago 73
5 Flexa Block – Blocks & Page Builder Flexa Block – Blocks & Page Builder A collection of lightweight, customizable blocks for building modern WordPress websites… by FlexaTech 1K+ ★★★★★★★★★★ No reviews 7 days ago 59
6 Infinite Scroll Block Infinite Scroll Block Adds an infinite scroll block to the full site editor that can be placed inside a Query… by Patrick 300+ ★★★★★★★★★★ 5 (6) 3 years ago 38
7 BlockFlow – FSE Blocks, Site Builder & Starter Templates BlockFlow – FSE Blocks, Site Builder & Starter Templates 25+ responsive Gutenberg blocks with dark mode. Customize desktop, tablet & mobile… by ThemeRuby 200+ ★★★★★★★★★★ 5 (2) 4 months ago 61
8 Enable bbPress for Block Themes Enable bbPress for Block Themes Enables bbPress for a full site editing WordPress block theme. by WebMan Design | Oliver Juhas 200+ ★★★★★★★★★★ 5 (5) 3 weeks ago 81
9 ska-blocks – TailwindCSS for Block Editor ska-blocks – TailwindCSS for Block Editor Advanced UI for managing Tailwind classes on WordPress blocks, generate Tailwind HTML with… by ska-dev 80+ ★★★★★★★★★★ 5 (1) 2 months ago 71
11 Restore Customizer Menu for FSE Themes Restore Customizer Menu for FSE Themes Restores the "Customize" menu item under Appearance for Full Site Editing (FSE) themes… by apuroid 40+ ★★★★★★★★★★ 5 (1) 1 year ago 40

FAQ

Groundworx Navigation: quick answers

Straight answers, pulled from live WordPress.org data.

Live data from WordPress.org · checked Oct 12, 2026

Is Groundworx Navigation free?

Yes. Groundworx Navigation is free to download and use from the official WordPress.org plugin directory.

Is Groundworx Navigation safe to use in 2026?

Groundworx Navigation is a solid plugin choice in 2026, with a few things worth checking first. It runs on 60+ sites and was last updated 2 months ago, and scores 64/100 on our health check.

How many websites use Groundworx Navigation?

Groundworx Navigation is active on 60+ WordPress websites and has been downloaded 1,615 times since it launched in July 2025. It was downloaded 138 times in the last 30 days.

Does Groundworx Navigation work with WordPress 7.1?

Yes. The developer has tested Groundworx Navigation up to WordPress 7.1.3, the latest release. It requires WordPress 6.5 or newer.

What PHP version does Groundworx Navigation need?

Groundworx Navigation requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.

When was Groundworx Navigation last updated?

The latest version, 1.2.0, was released on August 27, 2026 (2 months ago).

Who makes Groundworx Navigation?

Groundworx Navigation is developed and maintained by Groundworx.

What are the best alternatives to Groundworx Navigation?

The most popular alternatives to Groundworx Navigation are Otter Blocks (300K+ installs), No Gutenberg? (9K+ installs) and Blocks Starter Templates (1K+ installs).

Powered by PageForge

Want thousands of pages that rank like these? Build them in an afternoon.

This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.

  • CSV, Google Sheets & API data sources
  • AI content, schema & internal links per page
  • Works with Elementor, Gutenberg, Yoast & Rank Math
  • Free on WordPress.org — no credit card
Sarah is here to help!
Hi there! 👋 Need help finding what you're looking for?
Sarah
Sarah
Online & Ready to Help
Hi there! 👋 Need help finding what you're looking for?

We'll use this to continue our conversation

Just now ✓ Verified

Join 500+ SEO Pros Scaling Their Strategy

Get exclusive programmatic SEO tactics, AI content workflows, and the latest PageForge updates delivered straight to your inbox. Stay ahead of the algorithm.

We care about your data in our privacy policy.