SharePoint Online: How to Remove the Top Navigation Menu?

One of the most prominent features of SharePoint Online is the top navigation bar, which provides quick access to various sites, pages, and resources within your SharePoint environment. However, there may be instances where you want to hide or remove the top navigation bar to create a more streamlined and focused user experience. In this article, we’ll explore the methods to disable the top navigation in SharePoint Online.

Understanding the SharePoint Online Navigation Bar

Before diving into the how-tos, let’s briefly understand what the top navigation bar is and its role in SharePoint Online. The top navigation bar, often referred to as the global or header navigation, is a crucial element that helps users navigate between different parts of the SharePoint site. It is typically located at the top of the site and contains links to various pages, documents, or external sites.

How to Hide the Top Navigation Bar in SharePoint Online?

To hide the top navigation bar in SharePoint Online, you can follow these steps:

  1. Go to your SharePoint Online site and click on the Settings gear icon.
  2. Select “Change the Look” in the settings menu.
  3. Click on “Navigation” under the “Change the look” pane.
  4. You can disable the top navigation by setting the “Site Navigation visibility” switch to Off.
    remove top navigation bar sharepoint online
  5. Finally, click on the “Save” button to apply your changes.

You can hide the top navigation bar in SharePoint Online by following these steps. If you are using classic sites, You can remove the top navigation from: Settings >> Site Settings >> Top Link Bar >> Delete all elements in the top link bar. Similarly, the quick launch bar (or left navigation) can be turned OFF with: Site Settings >> Navigation Elements >> Click Off “Enable Quick Launch”. These methods are straightforward and don’t require any coding or advanced permissions.

PowerShell to Hide the Top Navigation in SharePoint Online

if you prefer a more automated approach, you can use PnP PowerShell to hide the top menu bar programmatically.

#URL of the team or communication site
$SiteURL = "https://crescent.sharepoint.com/sites/Branding"

#Connect to the site
Connect-PnPOnline -Url $SiteURL -Interactive

#Hide the navigation bar on the site
Set-PnPWeb -QuickLaunchEnabled:$false

Summary

Removing the top navigation bar in SharePoint Online can be achieved through various methods, including disabling the top navigation menu from navigation settings and the PowerShell approach. In addition to these methods, it’s worth mentioning two more user-friendly approaches to hide the top navigation bar: Using SharePoint Designer and CSS. Regardless of the method you choose, it’s crucial to consider the impact on user experience, maintain consistency across your SharePoint sites, and adhere to accessibility standards.

Remember, while these customizations can greatly improve user experience, it’s essential to proceed with caution and ensure that navigation remains intuitive for all users.

Salaudeen Rajack

Salaudeen Rajack - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world articles!

Leave a Reply

Your email address will not be published. Required fields are marked *