How to Hide the Breadcrumb Navigation Links and the SharePoint Ribbon on a page

1) Browse to the page where the Breadcrumb Navigation Links and the SharePoint Ribbon needs to be hidden. Add a Content Editor webpart on the page. Add the below style code in a content editor web part.

<style type=”text/css”>

#ctl00_PlaceHolderTitleBreadcrumb_ContentMap {display=none;}

</style>

2) Edit the web part, click in the content zone, then on the ribbon, Editing Tools -> Format Text area, select the HTML drop down and click Edit HTML source. Paste the code in there, and save.

3) In the webpart properties, make the Chrome Type as None and under Layout, check Layout as Hidden.

4) Stop editing the page and save it.