SOLVED: How to Remove the Left Menu Bar from A Sharepoint 2013 Site / Page
It is not difficult to remove the left menu bar from Sharepoint 2013 but unfortuately it is not as simple as clicking a checkbox and the steps are tedious:
Click EDIT (top right of your site)
Click inside the body of your site
Click INSERT (top menu)
Click WEBPART
Click MEDIA AND CONTENT then CONTENT EDITOR
Click the ADD button (bottom right)
Click the CONTENT EDITOR box that just appeared then select the drop down in the top right of that box and select EDIT WEB PART
If you skip the EDIT WEBPART, it will not work
the small black drop down arrow will not appear (in the top right) until you mouse over the Content Editor box
Click the CLICK HERE TO ADD NEW CONTENT link at the bottom of the CONTENT EDITOR box
Click INSERT (top menu tab)
Click EMBED CODE
Paste the following into the box (and make sure it is plain text when you paste it… i.e. it looks just like what you see below): .
<style unselectable=”on”>
/* hide left menu bar */
#sideNavBox
{
display: none;
}
/* adjust position of content */
#contentBox
{
margin-left:20px;
}
</style>
Click the INSERT button
In the CONTENT EDITOR (edit WebPart) box on the right side of the screen click the + to expand the APPEARANCE section
Change the TITLE to something small like a period .
This will effectively hide the code from the viewers
Click OK (right side of screen)
There, now wasn’t that easy! What a pain in the butt.
Thanks, this solution helped me save time; it worked as explained.
Thank you .. it worked wonders. been doing it another way around yesterday. And Everytime I clicked save it posted back the navigation panel with the "Site Content". Your step did the trick. thanks
How do you get it to apply to a whole site?
Remember that SharePoint considers each tab a SITE so you will have to add this to each page/tab. :(
Thanks, didn't work for me initially. I instead pasted the CSS into a .txt document and uploaded it to sharepoint. I then linked to this in the web part properties content editor. Works great and more reusable this way.
Unfortunately it works in editable mode but once i save it, sidebar comes back again.
The sidebar menu should not come back. Something is not correct.
Thanks. It worked.
You don't often find a SharePoint tip that actually works as described.
No, you don't need sharepoint designer to do this.
I seem to recall that the code you use varies by the version of sharepoint you are using. Some of the CSS tag names vary.
I get most of my answers through sharepoint stackexchange.
How would I center the page instead of having to use the margin properties?
View Comments
Thank you!!
Thanks, this solution helped me save time; it worked as explained.
Thank you .. it worked wonders. been doing it another way around yesterday. And Everytime I clicked save it posted back the navigation panel with the "Site Content". Your step did the trick. thanks
How do you get it to apply to a whole site?
Remember that SharePoint considers each tab a SITE so you will have to add this to each page/tab. :(
Thanks, didn't work for me initially. I instead pasted the CSS into a .txt document and uploaded it to sharepoint. I then linked to this in the web part properties content editor. Works great and more reusable this way.
Unfortunately it works in editable mode but once i save it, sidebar comes back again.
The sidebar menu should not come back. Something is not correct.
Thanks. It worked.
You don't often find a SharePoint tip that actually works as described.
No, you don't need sharepoint designer to do this.
I seem to recall that the code you use varies by the version of sharepoint you are using. Some of the CSS tag names vary.
I get most of my answers through sharepoint stackexchange.
How would I center the page instead of having to use the margin properties?
I am sorry to say that I do not know for sure but it is likely handled through the SHAREPOINT DESIGNER which you can source http://www.microsoft.com/en-ca/download/details.aspx?id=35491
I am a big fan of these updates! I’ve used this method and it works very well. Good ideas here. Wonderful update! Thank you.