Removing the left-hand navigation in SharePoint 2010


 

How to Hide or Remove the Quick Launch in SharePoint 2010

Trying to customize SharePoint master page and having so much of problem hide or remove the left navigation in SharePoint 2010.  I searched in Google for solutions but it didn’t work well for me.

When I tried to hide the left navigation in SharePoint 2010 from the solutions I got, I was getting a blank space in left side.

Empty Space While hiding Left Navigation in SharePoint 2010

Empty Space While Hidding Left Navigation in SharePoint 2010

Empty Space while editing the master page

hide_the_quick_launch_in_sharepoint_2010_empty_space

 
Many of the solutions also speaks about adding the code Content Editor but that also gave me a blank space in the left hand side.  After long struggle, I made it work by using the code from
http://chrisstahl.wordpress.com/2010/03/15/hide-the-quick-launch-in-sharepoint-2010/
 
 

How to Hide or Remove the Quick Launch in SharePoint 2010 working Solutions for me:

<style type="text/css">

/*–Hide Quick Launch –*/
#s4-leftpanel{
display:none
}
.s4-ca{
margin-left:0px
}
</style>

 

 

Copy above code and past it in your master page on above </head> to

hide Hide or Remove the Quick Launch in SharePoint 2010

hide_the_quick_launch_in_sharepoint_2010_solutions

Hide or Remove the left navigation in SharePoint 2010

Removed the empty space and by hiding the left navigation in SharePoint 2010

No Empty space anymore

17 thoughts on “Removing the left-hand navigation in SharePoint 2010

  1. This is about the tenth or so post i’ve found on the subject, but none specifies where the “master file” is; not even a file name! Could you please be more specific?

    • 1. Download SharePoint Designer
      2. Open your SharePoint site using SharePoint Designer
      3. You can see the master pages

      If you need more info, please let me know.

      • Which master page you want to use?
        In this case, I am using v4.Master. If you want you can copy v4.Master and rename to custom.master and try it.

      • Hi, I understand this is an older post. Does this trick work on SharePoint 2013? If it doesn’t, is there a means of removing the left-hand navigation in SharePoint 2013?
        Thanks,
        Manny

  2. We are migrating our SharePoint customized application to Sp2010, and trying to remove this for few hours! Thanks for your article! Great!!

  3. Hi,
    But what happens when we try to check the web analytics ? The left navigation is hidden in web analytics also, how do i see that ?

  4. No SharePoint Designer Required! I was able to perform the same change more elegantly by placing a hidden HTML Form Webpart on the page which included this code. 🙂 It worked like a charm! I also have SharePoint Designer, but using a hidden webpart allows anyone with site edit access to enable or disable this change easily any time. Thanks!

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s