Unable to remove left navigation from a SharePoint Page. (Do not want to remove it from the site.)

Question

I have a SharePoint Online page created with a template, which I cannot remove the left navigation pane from. (I can edit the list of links, but I want to remove the whole pane completely.)

I've tried to follow tutorials online suggesting I add a Content Editor Webpart and include scripts that will remove the left pane, however I don't have the option to add a Content Editor Webpart on this page. (It doesn't show the ribbon for the page, so only have the "Add A New Webpart" plus sign in the middle of the page to work with.)

I've even copied this webpage to a test site, and changed the site layout to Oslo, rather than Seattle, however the left navigation still shows.

Ideally I would like to remove the left navigation panel from this page only. Not from the entire site.

Thank you for any assistance you can provide.

Answer 1

As per my understanding you are using Site Page which is a Modern SharePoint Online Page.

In that case to hide the left navigation you will need to add your custom CSS to that particular page.

In Modern SharePoint you can use SPFx webpart to achieve such requirements.

You can get the Modern Script Editor developed using SPFx which is similar to Script Editor in classic experience using below link:

Modern Script Editor in SharePoint Online.

You can find the official documentation of SPFx on how to setup environment and how to build your SPFx webpart below:

Overview of the SharePoint Framework.

Once you get your Modern Script Editor up and running on your SharePoint Page then you need to add below CSS in your Modern Script Editor to hide left navigation:

<style type="text/css">
    div[class^='spNav_'] {
        display: none !important;
    }
</style>

Answer 2

I am unclear you are on classic sharepoint site vs modern sharepoint site. In Modern sites, in team sites you always get left navigation. OOB, you can hide left navigation from site settings. In communication sites, by default you don't get the left navigation.

If you are using classic site then your site might have new "site pages" pages library which are modern pages. Here you don't get option of adding web parts like content editor web part. You must write either Extension or a new SPFx webpart and deploy the customization to the site collection.

If you are not using "Site pages" page library then you might be using the classic pages, which should get the content editor web part.

thanks

-Praveen.