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

About these ads

15 Responses to “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?

  2. That works, Thanks.

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

  4. Thanks for mentions Aryan, and keep on with your blogging!

  5. 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 ?

  6. 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!

  7. Ralph Hendricks Reply May 3, 2012 at 8:57 am

    Thank you, this worked on my SP2010 site! Very detailed blog!

  8. Your are my hero !!!! This is the only method that works 100%

  9. It works for me but leaves me a blank space where the navigation is…why

Trackbacks/Pingbacks

  1. Tidy SharePoint UI for Custom Applications / Permanently Trim SharePoint for Users « Neil Sammut - October 17, 2011

    [...] Removing left-hand navigation* http://virtualizesharepoint.com/2011/03/31/removing-the-left-hand-navigation-in-sharepoint-2010/ [...]

  2. Nilesh Rathod - November 14, 2011

    [...] http://virtualizesharepoint.com/2011/03/31/removing-the-left-hand-navigation-in-sharepoint-2010/ [...]

Leave a Reply

Fill in your details below or click an icon to log in:

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 )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 123 other followers

%d bloggers like this: