Click here to Skip to main content
Click here to Skip to main content

Hiding Title Bar, Navigation, Breadcrumb section in SharePoint 2010

By , 10 Apr 2012
Rate this:
Please Sign up or sign in to vote.

Introduction

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 {
	MARGIN-LEFT: 0px
}
.s4-title {
	DISPLAY: none
}</style>

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.

License

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

Comments and Discussions

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