Click here to Skip to main content
12,892,810 members (54,841 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


1 bookmarked
Posted 10 Apr 2012

Hiding Title Bar, Navigation, Breadcrumb section in SharePoint 2010

, 10 Apr 2012 CPOL
Rate this:
Please Sign up or sign in to vote.
Customizing your SharePoint pages without editing the master page.


In looking for a way to hide some of the navigation / bloat in SharePoint 2010, I found many articles instructing people to edit the master page in order to hide various sections.

In my opinion, it is preferred not to edit the master page and instead use JavaScript or CSS when you can in order to achieve the same goal.

Using the code 

Add a "Content Editor" web part to your page. Click "Edit web part" and choose "Edit HTML source".

A box will appear which will allow you to put in any custom JavaScript or CSS you want. In this case, I want to remove the left nav, the top breadcrumb / title bar, but keep the top nav:

<style type="text/css">
BODY #s4-leftpanel {
	DISPLAY: none
.s4-ca {
.s4-title {
	DISPLAY: none

Finally, set the "Chrome Type" to None so that the title of the web part is not visible.

If you open your master page, you can look at the ID or class names in order to tailor this look to what you need.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Matt Kloss
Web Developer
United States United States
No Biography provided

You may also be interested in...

Comments and Discussions

-- There are no messages in this forum --
Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170424.1 | Last Updated 10 Apr 2012
Article Copyright 2012 by Matt Kloss
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid