Hiding the Quick Launch in SharePoint 2010
At times one would really feel no need of the Quick Launch section on few pages or sites i.e. the Team Site, one would really love to use the full width of the page for this one. Luckily the Content Editor Web Part trick which worked in SharePoint 2007 still works in 2010.
To hide the Quick Launch
1. Add a new Content Editor webpart. (Doesn’t matter where you add it)
2. Edit the HTML Source for the newly added Content Editor Webpart
3. In the HTML Source add the following and Click OK.
#s4-leftpanel{
display:none
}
.s4-ca{
margin-left:0px
}
[Do not forget to add the style open and close tag as seen in below image due to rendering issues its not showing up]
4. Save the Page. The Quick Launch section should not be visible now.
5. Edit the Just added Content Editor web Part and Under Layout Section Tick the Hidden Check box and Click OK, Which will hide the Webpart from Normal View.
6. This works on any SharePoint 2010 or Foundation 2010 Page and site.
14 thoughts on “Hiding the Quick Launch in SharePoint 2010”
John
May 13, 2010I’m Trying to accomplish this, but it’s not working. When i edit the html and hit ok the quick launch disappears, but when i hit save it reappears. I check the HTML again and it says
.ExternalClass4CE9F8DA25D3415A86B5D07009907BC9 #s4-leftpanel {
DISPLAY: none
}
.ExternalClass4CE9F8DA25D3415A86B5D07009907BC9 .s4-ca {
MARGIN-LEFT: 0px
}
Also i cannot hide the web part.
eric
August 5, 2010I had the exact same problem.
Cannot hide the web part
August 12, 2010Hiding the Quick Launch works as described. However, for some reason the Hide-option is greyed out in the webpart and I cannot find a way to enable it. Any suggestions would be appriciated…
saravanan
May 7, 2013try it for through the master page, it’s working
Mukesh Parmar
August 15, 2010On which version of SharePoint 2010 are you trying the same ??
Ayush
August 18, 2010@ John, Eric:
I had the same issue. Here’s what I did:
1. Put the code into a text file (including the tags).
2. Upload it to the Style library (accessible via the All Site Content page).
3. Point to the URL of the file on the Content Editor web part.
@Comment # 3:
This worked for me: Go to Appearance -> Chrome Type -> Choose “None”.
Hope this helps.
Cheers!
Jeanne
November 12, 2010Thanks, Ayush! That did it for me!!
Amit
November 25, 2010What ever its mentioned above is working fine, After adding the code in the html edit section it is disappears. Just click on the save & exit button from the ribbon.
Best Regards
Amit
Sharepoint Tech Lead
Elin
February 1, 2011Another solution to hide the Dontent Editor Web part is to select None under Chrome type
Elin
February 1, 2011I get a huge open space on the top of the page when i do this. Any thoughts on how I can work my way around that?
Nicole
April 26, 2011I am trying to implement Ayush’s suggestion above – what if I don’t have a style library?
Grace Maria
June 3, 2011Thanks Ayush! It is also worked for me!! So good.
How much fun
July 17, 2011Another Title…
I saw this really great post today….
Ian
July 18, 2011The problem John and Eric are having is because tey ever did the folowing –
“In the editmode: Place the cursor in the content area and use the format text tab and click at edit HTML source.”
I had the same problem this solved it.
Leave a reply