Breadcrumbs disappeared

  • Resolved asc1212

    (@asc1212)


    4 years, 7 months ago

    hello John
    I’ll appreciate your help to find the reason that navxt disappered.
    I’m with WP5.4 and Divi v4.4.4 (latest)

    I can NOT see the breadcrumb on frontend, it just disappeared
    In ispect I see this:
    <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.MySite.com\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.MySite.com\/subMenu1\/","name":"subMenu1"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.MySite.com\/subMenu1\/consumer-subMenu1\/","name":"pageName"}}]}</script>

    In child’s header.php I have this code

    <!-- NavXT Breadcrumbs plugin -->
<div class="breadcrumbs">
<?php if(function_exists('bcn_display'))
{
    bcn_display();
    }?>
<!-- END NavXT Breadcrumbs plugin -->

    The code was shortened according your help to disable NaxXT from schema as it is handled by another plugin.

    In addition I have the following css changes in style.css which I don’t think it matters. Playing/disable it didn’t fix the matter

    /* position of NavXT Breadcrumbs */
.breadcrumbs {
text-align: left;
font-size: 16px;
margin-left: 340px;
margin-top: 6px;
margin-bottom: 8px;
}
@media only screen and (max-width: 980px) {
.breadcrumbs { display: none !important; }
} 
/* Colors of NavXT Breadcrumbs links */
.breadcrumbs a:link { color: #427265; }
.breadcrumbs a:visited { color: #000000; }

    I still want NavXT to show the breadcrumb on pages/posts, but not handle the schema code as it is handled by a dedicated schema plugin.

    Will appreciate your kind help
    Thanks

    • This topic was modified 4 years, 7 months ago by asc1212.
    • This topic was modified 4 years, 7 months ago by asc1212.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author John Havlik

    (@mtekk)

    Given your calling code in your child theme’s header.php, do you see <!-- NavXT Breadcrumbs plugin --> in the generated page’s source? Off hand, I can think of two reasons why a breadcrumb trail is not showing up in the page source. The first is for some reason the breadcrumb calling code isn’t executing (usually due to something in the theme not calling the file the call to bcn_display() is in). The second is that your updated breadcrumb templates don’t contain %htitle% or %title%.

    Thread Starter asc1212

    (@asc1212)

    Thank you John

    So it appears that in Divi new versions, when you add a footer through the divi builder, it does not read the header.php but requires a new file theme-header.php

    So, when NavXT div was added to this new file, breadcrumb came back to life.
    BUT,
    there is a new issue where the breadcrumbs are not shown as links.
    In the header file it is:
    bcn_display();
    and in the settings href=”%link%” is present
    I also see it in the source as:

    <div class="breadcrumbs">    
<span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Site Name." href="https://www.sitename.com" class="home"><span property="name">HOME</span></a><meta property="position" content="1"></span>	 > <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to the xxx category archives." href="https://www.sitename.com/category/2nd/?post_type=any" class="taxonomy category"><span property="name">xxx</span></a><meta property="position" content="2"></span> > <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to the xxx2 category archives." href="https://www.sitename.com/category/xxx/xxx2/?post_type=any" class="taxonomy category"><span property="name">xxx2</span></a><meta property="position" content="3"></span> > <span property="itemListElement" typeof="ListItem"><span property="name">Post title</span><meta property="position" content="4"></span></div>

    Can you please help and let me know what is wrong here?
    How do I make all breadcrumbs (out of current page/post) to behave as links?
    Much appreciated

    Plugin Author John Havlik

    (@mtekk)

    I’m a little confused here. The source that you posted has the anchors in it, so you should see links in the rendered HTML. If you aren’t getting clickable links, my guess is either you have some other element that is overlapping the breadcrumb trail (potentially a floating/position/z-index issue), or the breadcrumb trail you are seeing on the page is not actually the one that you had in your comment. You can try using your web browser’s inspector tool to see what object is getting focus when you click on the breadcrumb trail.

    • This reply was modified 4 years, 7 months ago by John Havlik.
    Thread Starter asc1212

    (@asc1212)

    problem solved after moving the breadcrumbs code in the theme-header.php to another location.

    Thank you for your help and for your good advises

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Breadcrumbs disappeared’ is closed to new replies.