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:

  1. <style type="text/css">  
  2.   
  3. #sideNavBox  
  4.   
  5. {  
  6.   
  7. display:none;  
  8.   
  9. }  
  10.   
  11. </style>  

4. Your left navigation will be gone.

Keep learning! Cheers !