Nocturna Tech ConsultingNocturna Tech
SPFx Web Parts

Custom Header & Navigation

Replace the default SharePoint header with your brand identity applied across the entire tenant.

Your brand should be visible the moment employees open SharePoint. The Custom Header and Navigation web part is an SPFx Application Customizer that replaces the default SharePoint header across your entire tenant with your logo, your navigation links, and your brand colours. The result is an intranet that looks and feels like a product built specifically for your organisation rather than a generic Microsoft template. Deploy once from the App Catalog and the branded header applies 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 configure brand colours through the property pane without any code changes required.

Custom Navigation Links

Define exactly which links appear in the top navigation, grouped and ordered around how your business is structured.

Mobile Responsive

Collapses into a clean hamburger menu on tablets and phones automatically with no additional configuration needed.

Tenant-Wide Deployment

Deploy once from the App Catalog and the custom header applies across your entire Microsoft 365 tenant instantly.

Audience Targeting

Show or hide navigation items based on SharePoint groups, giving different departments their own relevant menu structure.

Active Link Highlighting

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

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 and confirm the extension is active under Site App Customizers.

  3. 3

    Configure navigation links, the logo URL, and brand colours through 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