How to hide breadcrumb on single page in SharePoint

Hi All,

May times we require to hide bread crumb on single page. Say you have created one web part page in one document library and when you visit the web part page, you will see your site->document library->web part page name.

And you do not want your user to click on document library and see the content in it.

Hence we can place one content editor web part on the page and write down following code. This will remove the bread crumb from the page.

I am creating one demopage.aspx under shared document library.



You can observe bread crumb, where user can click on it and go to the shared documents.



Now add one content editor web part and add the following code into.

<style rel="stylesheet" type="text/css" />
td.ms-titlearea { display:none; }
</style>

Just make sure that you set chrome type to none under appearance.

Simple, see the result. Bread crumb is no more on the page.



That's it. Your job is done.