Nocturna Tech ConsultingNocturna Tech
SPFx Web Parts

Custom Header & Navigation

Your brand, your navigation — no more generic SharePoint headers.

SharePoint's default header rarely matches how your business is actually structured. This SPFx Application Customizer replaces it entirely — with your logo, your nav links, and your brand colours applied across every page in the tenant. The result is an intranet that feels like a product built for your organisation, not a Microsoft template. Deploy once, apply everywhere.

SPFxApplication CustomizerNavigationBrandingSharePoint Online

All products come with setup documentation. Custom modifications available on request.

What's Included

Key Features

Full Brand Control

Upload your own logo and set brand colours via the property pane — no code changes required.

Custom Navigation Links

Define exactly which links appear in the top nav — grouped and ordered how your business thinks.

Mobile Responsive

Collapses into a clean hamburger menu on tablets and phones automatically.

Tenant-Wide Deployment

Deploy once from the App Catalog and it applies across your entire Microsoft 365 tenant.

Audience Targeting

Show or hide nav items based on SharePoint groups — different menus for different departments.

Active Link Highlighting

Automatically highlights the current section in the nav so users always know where they are.

Getting Started

Setup Guide

  1. 1

    Deploy the `.sppkg` to your tenant App Catalog and enable tenant-wide deployment.

  2. 2

    Navigate to Site Settings → Site App Customizers to confirm the extension is active.

  3. 3

    Configure the navigation links, logo URL, and brand colours via the extension properties.

  4. 4

    The custom header will immediately replace the default SharePoint header across all pages.

Ready to get started?

Get in touch and we'll send you everything you need: package file, documentation, and setup support.

Contact to Buy Now

You Might Also Like

Related Products