How to Hide Breadcrumbs in SharePoint

Site users use breadcrumbs to find their way around a large website.

Trails of secondary navigational elements that appear horizontally at the top of a website are known as breadcrumbs. As users navigate through pages on a website, breadcrumbs outline a clear hierarchical path that enables users to trace back to parent pages of the current page. Each breadcrumb level across the path is separated by a ">" symbol. In SharePoint, you can simply hide the breadcrumbs by editing the Cascading Style Sheet (CSS) in SharePoint Designer.

Instructions

1. Open up SharePoint Designer and use the Open Site option under the File menu to navigate to the site where you would like to hide the breadcrumbs.

2. Double click the default style sheet for the site under the Folder list and expand the _styles folder. Find the "td.ms-titlearea" style and add the following CSS property to the style: "Display: none;" This is an excellent way of hiding an element on the page.

3. Click the "Save" icon on the toolbar to confirm changes to the Style Sheet.

References

• Dlocc.com: Hide SharePoint Breadcrumbs on Pages

Resources

• Smashing Magazine - Bread Crumbs in Web Design: Examples and Best Practices