Remove The Quick Launch Bar And Extend The SharePoint Page 100 Percent

This blog may help you to utilize the 100% screen width of your SharePoint home page. Sometimes we may get a task to design the site collection of your team or department page, so first out thought would be how to remove the Quick Launch bar and make the SharePoint page 100 % Width.

Hi Readers! This blog may help you to utilize 100% of the screen width of your SharePoint home page.

Sometimes, we may get a request to design the site collection of our team or department page. So the first thought would be to remove the Quick Launch bar and make the width of the SharePoint page 100 percent.
 
Microsoft recommends using the SharePoint Designer to customize the page in a good manner but this may help when the changes are required in the organizational level but here our task is to customize only the team or department page.
 
So just a few lines of CSS code will hide Quick launch bar and make the width of the SharePoint page 100 percent.
  1. <style type="text/css">  
  2. #sideNavBox{  
  3. display:none !important;  
  4. }  
  5. #contentBox{      
  6.     margin-left0px !important;          
  7. }  
  8. </style>  

 

Remove The Quick Launch Bar And Extend The SharePoint Page

 

You can copy and paste the above-mentioned CSS code directly to the script editor web part and save it.
 
Remove The Quick Launch Bar And Extend The SharePoint Page 
 
If you want to move the content box near the top link then you can add the below code inside the content box tag.
  1. margin-top:-50px !important