Remove Left Navigation Panel SharePoint

hello again!

Some times we need to customize the SP site design according to customer requirements.hiding or removing the left navigation bar is one of them. following few simple steps will make it easier for you to do the same. So lets get started ! 

problem : hide / remove left navigation bar/ panel from share point site page.

solution: 
1. for Share Point 2010

a. Add a content editor Web Part(CWEP) to your page. (if you don't know how to add content editor, click here)
b. paste the following code into the HTML Editor.

//code

<Style> 
body #s4-leftpanel 
{ 
display: none; 
} 
.s4-ca 
{ 
margin-left: 0px; 
} 
</style> 

c. save and close. it's done !

2. for Share Point 2013

a. Add a content editor Web Part(CWEP) to your page. (if you don't know how to add content editor, click here)
b. paste the following code into the HTML Editor.

//code

<style>
.ms-core-sideNavBox-removeLeftMargin{ DISPLAY: none }
#contentBox { margin-left: 20px }
</style>

c. save and close. it's done !

cheers !