dataBridge > dataBridge Sharepoint Tips Blog > Posts > How to hide the SharePoint left side navigation AKA Quicklaunch
dataBridge Sharepoint Tips Blog
March 17
How to hide the SharePoint left side navigation AKA Quicklaunch



Editor note: This week we have a tutorial from one of our Branding Experts, Matthew Skinner. These short and sweet instructions are all browser based and easy to use, and as always if you have any questions for us, please feel free to contact us at contact@getsharepoint.com. Take it way Matthew!



The easiest way to hide SharePoint left side navigation on an individual page is using a content editor web part. Otherwise you should place the same CSS into your style sheet or master page. In this tutorial I will be using a content editor web part on an individual page.

          • First Edit the page, Site Actions > Edit Page
          • Click in a wiki text or rich text area and from the ribbon click Insert > Web Part (or add a Web Part
            to a Web Part zone)
          • Under Media and Content select Content Editor and click Add


 

Select the web part and click “Edit Web Part”



Click “Click here to add new content” and in the ribbon click Format Text > HTML > Edit HTML Source



Enter the following HTML / CSS and click OK
<Style type="text/css">
body #s4-leftpanel { display: none; }
.s4-ca { margin-left: 0px; }
</style>

 


Hide the Web Part chrome by selecting the Web Part and on the ribbon click Web Part Tools Options > Web Part Properties and on the right click Appearance > Chrome Type > None and then click Ok.



Save and close your page and you are done… no Side Navigation!



 

-

Comments

There are no comments for this post.

Add Comment

Title


Body *


Captcha *

 

Attachments

 

 About this blog

 
About this blog
Welcome to SharePoint Blogs. Use this space to provide a brief message about this blog or blog authors. To edit this content, select "Edit Page" from the "Site Actions" menu.