Home > SharePoint or Custom Development > Removing the Quick Launch Bar in SharePoint 2010′s Master Page

Removing the Quick Launch Bar in SharePoint 2010′s Master Page

Removing the left navigation bar (the Quick Launch) all together in SharePoint 2010.

clip_image002

In the master page (or even in a web part), add the following to the header (or within the HTML view of the content editor web part)

                <style type="text/css">

                               /* removes the left quick launch */

                               #s4-leftpanel{

                                                display:none

                                                }

                                                .s4-ca{

                                                margin-left:0px

                                                }

                </style>

And villa… You should be all set..

clip_image004

Advertisement
  1. Dan
    July 28, 2010 at 10:36 pm | #1

    Would love to see how you are going about customising the look and feel of SP2010..
    I must say I’m not having much joy.. I had a great set of master pages that relied on CSS in SP2007 where I could change the header graphic depending on the site you were on.. Also I’m having issues with the Search site, inheriting any sort of style / theme even if I manually set the search site use a particular master page of site theme is doesn’t seem to work.. Have you come across this ??

    Great blog by the way.. :)

  2. September 14, 2010 at 2:38 pm | #2

    Very nice and simple trick to eliminate Quick Launch bar. Useful especially in Application Pages.

  3. Vikki
    January 5, 2011 at 10:16 am | #3

    Is there a way to have the page links but not the titles? ie Lists, discussions

  4. Nonov Urbidznes
    July 27, 2011 at 3:58 am | #4

    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. June 6, 2011 at 4:23 am | #1

Leave a Reply

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

Gravatar
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.