SharePoint Server 2013 : Enable BreadCrumb/ Navigation Up Menu in SharePoint 2013

This article is a brief overview of how to enable a BreadCrumb/Navigation Up menu in your SharePoint 2013 Site.

Introduction

It's been quite a while now that SharePoint 2013 is in the market and many developers like us are working on it for quite some time now. But the best part is SharePoint 2013 still manages to surprise us in many ways on a daily basis sometimes on the positive side and sometimes on the negative side. Today I came across one scenario like this and fortunately it ended on a positive note.

You must be remember the BreadCrumb option situated next to the "Site Action" button in SharePoint 2010 is really handy to navigate up or down with a single click. You must have noticed in SharePoint 2013 this option is removed rather hidden in the master. Here I will show you how to get that option back in your master page and make your life simpler.

Solution

Use the following procedure one by one to bring back BreadCrumb in your SharePoint 2013 site. For this you will need SharePoint Designer 2013 installed on your system.

  1. Connect your SharePoint 2013 Site in SharePoint Designer 2013.

  2. On the left hand side you will find an option for "Master Pages". Click on it. Here you will find the default Seattle.master page.

  3. Take a copy of the master page and paste it.

    masterpage

  4. Now right-click on the Seattle_copy(1).master page and select the "Edit File in Advances Mode" option.

    edit file in adwance mode

  5. Search for class=”ms-breadcrumb-dropdownBox”. You will see a style attribute with "display:none;" as the value, like this <div class="ms-breadcrumb-dropdownbox" style="display:none;">

    aspx page

  6. Remove this style attribute from the DIV tag.

  7. Search for the tag with Id DeltaBreadcrumbDropDown essentially next to the preceding tag.

  8. Now remove the visible ="false" attribute.

    visuable false

  9. Save the master page now.

  10. Right-click on the Seattle_copy(1).master page and select the "Set As Default Master Page" option.

    set as default masterpage

  11. Visit your SharePoint Site and refresh it. You should have a BreadCrumb in the top navigation bar.

    BreadCrumb
Happy SharePointing !!!!