SharePoint Online: Enable Top Navigation in Team Sites

Requirement: Enable the top navigation bar by switching navigation in SharePoint Online Team sites.

How to add the top navigation bar in SharePoint Online?

SharePoint Online navigation switcher is rolled out finally! A much-awaited feature enables you to change the navigation to either vertical (top navigation) or Horizontal (left navigation). In the past, Only communication sites had Horizontal top navigation, and Team sites were left with quick launch navigation vertically. Now, Microsoft introduced the navigation switcher options for modern team sites that let us change the navigation orientation to Horizontal or vertical (No change in the “Communication” site template, though!). Here are the steps to switch the navigation in SharePoint Online:

1. Login to your SharePoint Online site >> Click on the Settings gear.
2. Click on “Change the Look” in the settings menu.
3. Click on “Navigation” under “Change the look” pane.
4. Now, you can set the orientation of the navigation to either “Horizontal” or “Vertical”. You can also hide the navigation by turning off the “Site Navigation visibility” switch.
5. Click on the “Save” button to commit your changes.

We also have the ability to set horizontal navigation to “Mega Menu” or “Cascading Menu”.

PowerShell to Set Horizontal navigation bar in SharePoint Online

How do I create a horizontal navigation bar in SharePoint Online? We can move the quick launch from vertical (left navigation) to horizontal (Top navigation) using PowerShell too to add top navigation in SharePoint Online team sites.

#Variables
$SiteURL="https://crescent.sharepoint.com/sites/Retail/US"

Try {
    #Connect to the Sub-Site
    Connect-PnPOnline -Url $SiteURL -Interactive
    
    #Get the subsite
    $Web = Get-PnPWeb
    
    #change the quick launch oritentation
    $Web.HorizontalQuickLaunch = $true
    $Web.Update()
    Invoke-PnPQuery
     
    Write-host "Navigation settings Updated!" -ForegroundColor Green  
}
Catch {
    write-host -f Red "Error Setting Navigation!" $_.Exception.Message
}