I was recently asked: "How can I hide the side nav bar on the main homepage layout ?? I want to be able to use the side NAV with in the team site etc etc, but I don't want it on the front page.. "
There are a couple of ways to do this in SharePoint 2010. If you are using a non-publishing site you can add a Content Editor Web Part to the page and add the following to the HTML Source.
<Style>
body #s4-leftpanel
{
display: none;
}
.s4-ca
{
margin-left: 0px;
}
</style>
Basically the CSS above hides the left navigation Div, and then sets the content area to not have a left margin.
Once you are done, simply modify the web part and hide it on the page.
If you are using a publishing site for your homepage simply add the same styles specified above to a custom page layout. That way if you have a need for other pages that do not need the left side navigation you can re-use the page layout.
9 comments:
Awesome... thank you ...
Hi mate! I was struggeling with this for some month ago, and get to the same result as you, I wrote about that in my blog.
http://chrisstahl.wordpress.com/2010/03/15/hide-the-quick-launch-in-sharepoint-2010/
Nice article.
Do u know how to fix the height of the content div?
that the top and left navigation bars have a fixed position when the user scrolls the page down or up?
Thanks in advance for your help.
Good Post,
I am trying to reverse a bit by showing top global nav and left nav for a site/site collection created with Publishing Team Site Template. I need to show both, but if i create a web part page i am getting top nav ONLY, and if i create a Publishing page i am getting ONLY Left nav, I think it's because of master pages one uses v4.master other one uses nightandday master, anyway i can add something in nightandday master page to show top nav.
Appreciate your help - Ipacs
You are my saver for today!!
Thanks.
For me it didn't work, I was able to do it in different way
http://virtualizesharepoint.com/2011/03/31/removing-the-left-hand-navigation-in-sharepoint-2010/
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?
thank you for the post
thanks for the tip.
can u suggest how to hide quick launch on application pages? i tried adding your css class to my custom master page.i can hide quick launch on settings.aspx but not on user.aspx page
any help will be appreciated
Post a Comment