SharePoint hide left navigation

To remove the left navigation on a SharePoint 2013 page you can use a Script Editor webpart.

1.  Go to the page where you want to hide the left navigation
A. Click on the Edit icon to edit the page
B. Click in a text area at the bottom of the page.
C. Click on the Insert tab.

2.  Now insert a script editor web part onto the page.
A. Click on the Web Part option
B. Scroll down and click on the Media and Content category
C. Click on the Script Editor web part
D. Click on the Add option

3.  Hover over the Script Editor webpart, click on the dropdown arrow, select Edit Web Part.

4.  Now a Edit Snippet option should appear, click it.

5.  Paste in the following code to the Embed window.

/* Hides the left navigation section */
#sideNavBox {
display: none;
/* Sets the margin to left of main text area to match icon */
#contentBox {
margin-left: 20px;


6.  Click on the OK button on the Web Part properties window to close it, then save the page.

Example of SharePoint page with the left navigation hidden:

About Nick Hurst (85 Articles)
SharePoint and Nintex developer who strives to find easy to deploy and maintain solutions for business problems.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: