quick tip: hide the quicklaunch bar in SharePoint 2010

If you want to hide the left quicklaunch bar on a page (for instance the home page of your intranet), you can choose a publishing page with no left bar.

But what if you want to use a webpart page ? or you started out with a team site?
Just put in a content editor on the page and add following code in html:


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

Now you can just hide the webpart on the page and you are done 🙂

Found this via the SharePoint branding and design blog by Erik Swenson

About: Marijn

Marijn Somers (MVP) has over 14 years experience in the SharePoint world, starting out with SP2007. Over the years the focus has grown to Office 365, with a focus on collaboration and document management. He is a business consultant at Balestra and Principal Content Provider for "Mijn 365 Coach" that offers dutch employee video training. His main work tracks are around user adoption, training and coaching and governance. He is also not afraid to dig deeper in the technicalities with PowerShell, adaptive cards or custom formatting in lists and libraries. You can listen to him on the biweekly "Office 365 Distilled" podcast.


2 thoughts on “quick tip: hide the quicklaunch bar in SharePoint 2010”

Leave a Reply

Your email address will not be published. Required fields are marked *