logo
search
Others

How to Hide the Top Navigation Bar on a SharePoint List Record

Maira MehtabMaira Mehtab Sep 28, 2026 868 views

Question details

The user wants to remove or hide the top site navigation bar from a SharePoint Online list record screen.

Product
SharePoint Online
Device & OS
not provided
Scenario
Customizing a SharePoint list view or form to hide default navigation elements for a specific design requirement.
Observed behavior
SharePoint Online does not provide a standard built-in setting to remove the top site navigation bar from list records.
Before you start

Ensure you have adequate permissions, such as Site Owner or Full Control, to customize SharePoint lists and forms before attempting development-level changes.

Solution 1Recommended

Use JSON Formatting or Power Apps

Since there is no built-in toggle, you must use advanced customization tools like JSON formatting or Power Apps to hide the navigation.

SharePoint Online restricts out-of-the-box interface modifications for certain core elements to maintain consistency. To achieve a custom layout without the top navigation, you need to rely on the platform's developer tools.

1
Evaluate Design Requirements

Determine if your design requirements specifically necessitate removing the top navigation bar, as this alters the standard SharePoint user experience.

2
Customize with Power Apps

Click 'Integrate' > 'Power Apps' > 'Customize forms' on your SharePoint list. Build a custom list form layout that overrides the default SharePoint list record screen entirely.

3
Apply JSON Formatting

Alternatively, navigate to the list view settings and use advanced JSON formatting to customize the header area and hide unnecessary default navigation elements.

Free Microsoft Office alternative

Boost Your Productivity with WPS Office

While complex SharePoint customizations require advanced development skills, creating and managing your everyday documents shouldn't. WPS Office offers a free, lightweight, and highly compatible alternative to Microsoft Office, letting you create, edit, and collaborate on files effortlessly.

  1. 1. Download and Install: Get WPS Office for free from the official website and install it in seconds.
  2. 2. Open Your Files: Directly open your existing Microsoft Office documents, spreadsheets, and presentations without worrying about format conversion.
  3. 3. Work Efficiently: Use the intuitive interface to manage multiple documents in a single window, boosting your daily workflow.
Fully compatible with Microsoft Office formats, including Word, Excel, and PowerPoint.Completely free and lightweight, ensuring smooth operation on any device.User-friendly tabbed interface requiring no advanced technical skills or coding.Built-in PDF editing tools for streamlined document management.
microsoft office alternative - wps office

Frequently Asked Questions

Can I hide the SharePoint top navigation bar without coding?

No, SharePoint Online does not provide a standard out-of-the-box setting to toggle off the top navigation path on a list record. It generally requires JSON formatting or Power Apps.

What is the best tool for heavily customizing SharePoint list forms?

Microsoft Power Apps is the recommended tool for heavily customizing list forms and overriding default interfaces, while JSON formatting is ideal for lighter modifications to column and view layouts.

Where can I find custom JSON code for my SharePoint site?

You can seek assistance, find templates, and request specific JSON code guidance in the SharePoint Development section of the Microsoft Q&A community platform.