Overview

NavBloc replaces the limited out-of-the-box SharePoint navigation with a global mega menu managed from a single Term Store term set. Define your navigation hierarchy once and it appears consistently across every site in your tenant.

The menu supports a 3-level hierarchy — top bar, dropdown panels, and flyout links — with audience targeting at every level. Targeting rules cascade, so a hidden parent automatically hides its children. At 768px the menu collapses into a responsive hamburger.

NavBloc deploys as an Application Customizer, not a web part, so it attaches to the page chrome automatically. Admins can override styling per-site using CSS files in Site Assets, and session caching with configurable TTL keeps navigation fast across page loads.

In action

Navigate the mega menu

Users hover or click top-level items to reveal dropdown panels with grouped links. The 3-level hierarchy handles deep site structures without overwhelming the nav bar.

NavBloc mega menu expanded showing a 3-level navigation hierarchy

Manage navigation in Term Store

Admins define the entire menu structure in a single Term Store term set. Add, reorder, or remove items — changes propagate across every site instantly.

Term Store term set editor showing NavBloc navigation hierarchy

Responsive on mobile

At 768px the mega menu collapses into a hamburger with the same hierarchy and audience targeting. Touch-friendly with full expand/collapse behavior.

NavBloc hamburger menu expanded on a mobile device

Key features

📂

Term Store as source of truth

Manage your entire navigation hierarchy in a single Term Store term set. Changes propagate across all sites instantly.

☰

3-level hierarchy

Top bar, dropdown mega menu panels, and flyout links give you the depth to organize complex site structures.

🎯

Audience targeting

Show or hide any menu item by AD group. Cascade inheritance means a hidden parent hides all its children automatically.

📱

Responsive hamburger

At 768px the mega menu collapses into a mobile-friendly hamburger menu with the same hierarchy and targeting.

⌨

Full keyboard & ARIA accessibility

Complete keyboard navigation and ARIA roles for screen readers. Meets WCAG 2.1 AA requirements.

🎨

CSS override system

Drop a CSS file in Site Assets to override NavBloc styles per-site. Keep the global structure, customize the look.

⚡

Session caching

Navigation data is cached in session storage with a configurable TTL, keeping page-to-page navigation fast.

🚫

Hides OOTB App Bar

Automatically hides the SharePoint App Bar to prevent duplication and give NavBloc full control of the navigation experience.

What people are saying

We built NavBloc because managing navigation across 50+ SharePoint sites was a nightmare. Each site owner set up their own menu and nothing was consistent. Now we define navigation once in Term Store and it works everywhere.

Vitaly Franko

Founder, Vitendy

Our previous navigation solution broke every time Microsoft updated SharePoint. NavBloc has been rock-solid through three major SPFx updates. The CSS override system lets our brand team customize each division's site without touching the global config.

David Park

SharePoint Platform Architect, Cascade Energy Partners

Frequently asked questions

What does NavBloc do?

NavBloc provides a global mega menu navigation bar for SharePoint Online, driven by Term Store. It replaces the default navigation with a consistent, branded menu that works across all sites in your tenant.

How does deployment work?

NavBloc ships as a .sppkg package containing an Application Customizer. Upload it to the tenant app catalog, configure the Term Store term set, and enable it tenant-wide or per-site. It attaches to the page header automatically — no web part placement needed.

What permissions are required?

Taxonomy.Read.All is required to read the navigation term set from the Managed Metadata service.

What can I configure?

Term set ID, audience targeting rules, cache TTL, whether to hide the OOTB App Bar, and per-site CSS overrides via Site Assets files. The menu structure itself is managed entirely in Term Store.

How does it compare to the built-in navigation?

SharePoint's built-in navigation is per-site, limited to 2 levels, and has no audience targeting or centralized management. NavBloc gives you a single global menu with 3 levels, audience targeting, mega menu panels, and Term Store as a single source of truth.

Is it a web part?

No. NavBloc is an SPFx Application Customizer. It attaches to the page chrome (header area) automatically and doesn't require manual placement on each page. This is what makes it truly global.

NavBloc — one menu for every site.

Ready to try NavBloc?