How to hide side navigation bar in SharePoint Communication Site

Question

Dear Community,

Hope you are doing well,
How i can remove/hide SharePoint vertical left Navigation in SharePoint Communication site?

Answer 1

The vertical left navigation is called app bar in the SharePoint.

You could temporarily disable the SharePoint app bar in the whole tenant (not on specific sites) through PowerShell until March 31, 2023.

As a workaround, inject custom CSS codes by using SPFx web part (modern script editor web part) to hide the SharePoint app bar in a specific communication site. CSS codes like following:

div#sp-appBar {
    display: none !important;
}

References:

https://learn.microsoft.com/en-us/viva/connections/sharepoint-app-bar

https://sharepoint.handsontek.net/2022/04/21/remove-modern-sharepoint-app-bar/

---

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.