In SharePoint Online Team sites, how to remove the left navigation from modern pages?

frob 4,261 Reputation points
2022-01-26T21:54:06.807+00:00

Hi there
In SharePoint Online Team sites, how to remove the left navigation from modern pages?
Thank you.

Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

Accepted answer
  1. Allen Xu_MSFT 13,866 Reputation points
    2022-01-27T02:14:59.68+00:00

    Hi @frob ,

    For SharePoint Online modern pages, there are no out-of-the-box approaches to remove the left navigation(AKA. quick launch). The supported way to do this would be to deploy an SPFx extension (so it is applied to all pages in the site) that implements CSS to make the changes you are after. The CSS to hide the left hand nav on a modern page is:

    nav[role='navigation'] {  
        display: none !important;  
    }  
    div[class^='pageContainer_'] {  
        left: 0 !important;  
    }   
    

    Moreover, some third party tools may provide you with such option to hide left navigation. For example: How to Hide Quick Launch / Left Navigation from Modern SharePoint Team Sites.
    Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.

    ----------

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    1 person found this answer helpful.
    0 comments No comments

2 additional answers

Sort by: Most helpful
  1. frob 4,261 Reputation points
    2022-01-27T20:10:31.91+00:00

    For anyone who needs this, I was able to remove the left nav in a Team site by going to site settings > Navigation Elements > Uncheck Enable Quick Launch.
    Thank you.

    1 person found this answer helpful.

  2. Ganesh Sanap 211 Reputation points
    2022-09-05T06:25:23.027+00:00

    You can set the Site navigation visibility to Off from modern experience navigation settings.

    Follow article for more information: New Navigation features for SharePoint team sites

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.