Hide The Left Navigation On A SharePoint 2013 And Office 365 Site using CSS

While we are working on SharePoint 2013 and Office 365 sites, most of our clients request there home page to not have a left navigation as in they want only the main content on their home page.


In those cases I don’t want you to take a lot of time and write a code to hide those files. Just do the following steps.

1. Edit the page you want to remove the left navigation.

2. Add a Script Editor web part.

3. Paste the following code. 

Code:

<style type="text/css">

#sideNavBox

{

display:none;

}

</style>

4. Your left navigation will be gone.

Keep learning! Cheers !