SP2013 breadcrumbs on sub-sites without image

On parent site, we have the breadcrumb working fine and the image URL for the breadcrumb is:
<img src="/_layouts/15/images/spcommon.png?rev=23" alt="Navigate Up" style="border-width:0;;left:-215px !important;top:-120px !important;">

******Complete code snippet start

<div class="ms-breadcrumb-dropdownBox">
<span id="DeltaBreadcrumbDropdown">
<span class="ms-breadcrumb-anchor">

<span class="s4-clust" style="overflow: hidden; display: inline-block; ;">

<a title="Navigate Up" id="GlobalBreadCrumbNavPopout-anchor" style="width: 16px; height: 16px; display: inline-block;" onmouseover="" onmouseout="" onclick="CoreInvoke('callOpenBreadcrumbMenu', event, 'GlobalBreadCrumbNavPopout-anchor', 'GlobalBreadCrumbNavPopout-menu', 'GlobalBreadCrumbNavPopout-img', 'ms-breadcrumb-anchor-open', 'ltr', '', false); return false;" href="javascript:;">

<img style="border-width: 0px; left: -215px !important; top: -120px !important; ;" alt="Navigate Up" src="/_layouts/15/images/spcommon.png?rev=23"></a></span></span>

<div class="ms-popoutMenu ms-breadcrumb-menu ms-noList" id="GlobalBreadCrumbNavPopout-menu" style="display: none;">
  <div class="ms-breadcrumb-top"><span class="ms-breadcrumb-header">This page location is:</span></div>
                                        
 <ul class="ms-breadcrumb">
 <li class="ms-breadcrumbRootNode"><span class="s4-breadcrumb-arrowcont"><span class="s4-clust s4-breadcrumb" style="width: 16px; height: 16px; overflow: hidden; display: inline-block; ;"><img style="left: 0px !important; top: -289px !important; ;" alt="" src="/_layouts/15/images/fgimg.png?rev=23"></span></span><a class="ms-breadcrumbRootNode" href="test">http://test/">test PORTAL</a><ul class="ms-breadcrumbRootNode"><li class="ms-breadcrumbNode"><span class="s4-breadcrumb-arrowcont"><span class="s4-clust s4-breadcrumb" style="width: 16px; height: 16px; overflow: hidden; display: inline-block; ;"><img style="left: 0px !important; top: -289px !important; ;" alt="" src="/_layouts/15/images/fgimg.png?rev=23"></span></span><a class="ms-breadcrumbNode" href="/sites/DocCenter">SharePoint 2013 Testing Document Center</a><ul class="ms-breadcrumbNode"><li class="ms-breadcrumbCurrentNode"><span class="s4-breadcrumb-arrowcont"><span class="s4-clust s4-breadcrumb" style="width: 16px; height: 16px; overflow: hidden; display: inline-block; ;"><img style="left: 0px !important; top: -289px !important; ;" alt="" src="/_layouts/15/images/fgimg.png?rev=23"></span></span><span class="ms-breadcrumbCurrentNode">Home</span></li></ul></li></ul></li>
</ul>
</div>
</span>
</div>

******Complete code snippet end

If I have a subsite the inherits the parent's Seattle master page, the image URL for the anchor container:

<a title="Navigate Up" id="GlobalBreadCrumbNavPopout-anchor"

is:
<img src="/sites/_catalogs/theme/Themed/760FD54F/spcommon-2D7B5F9E.themedpng?ctag=5" alt="Navigate Up" style="border-width:0;;left:-215px !important;top:-120px !important;">

Any ideas?  Why is this happening on the subsite, as that image URL for the breadcrumb is giving a 404.

April 30th, 2015 11:38am

Hi,

Please refer to the article below and enable breadcrumb for SharePoint 2013:

http://www.c-sharpcorner.com/UploadFile/22da8c/sharepoint-server-2013-enable-breadcrumb-navigation-up-me/

As I tested, once enabled publishing feature for subsite and inherit master page from parent site, the breadcrumb in subsite also worked.

Regards,

Free Windows Admin Tool Kit Click here and download it now
May 1st, 2015 2:50am

Hi!

I have verified:

  1. publishing is on for both parent and sub-site
  2. specific .master page is set as default master page
  3. sub-site is inheriting parent master page
  4. HTML in master page has been updated as described above

Still same issue >> breadcrumb not visible in sub-site

Also, via SharePoint Designer I can't edit the .master page directly (which the example link to C# Corner above says to do)...I have to edit the .html.  I've edited the .html file and made sure via the "Modified Date" it is updating both .html file and the .master file.

Please advise...thank you!

May 1st, 2015 11:12am

Finally got this to work...thank you Rebecca for your tips.

The unfortunate thing is when using a different template for the sub-site...and even though you inherit the master page from parent via Look and Feel >> Master Page... you don't get the "Navigate Up" image to appear.  The javascript is there, just not the image.

Workaround (not preferred) is to use the same template as parent.

Free Windows Admin Tool Kit Click here and download it now
May 1st, 2015 11:33am

Hi,

To edit Master page, open site with SharePoint Designer 2013, navigate to Master Page, copy the Seattle.master and then paste, then there will be Seattle_Copy(1).master generated. Then edit this file per the link and set it as default master page.

Do not edit the original master page.

As I tested, if I create a subsite based on Blog template, breadcrumb also works after enabled Publishing feature in Manage Site Feature.

Regards,

May 3rd, 2015 9:36pm

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics