I just tried reproducing this on with WordPress 4.4.1, Twenty Ten 2.1, and Breadcrumb NavXT from the hurdler GitHub branch (latest development). I was unable to break the main menu by adding the code you posted here. Now, the Breadcrumbs are not linked, but that’s due to the parameters you’re passing into bcn_display().
Have you tried disabling all of your other plugins? Also, have you inspected the HTML for the page to see if the menu items are linked (e.g. determine if this is a styling issue or a PHP issue)?
Oddly enough, some testing on a duplicate site showed that the position of the breadcrumbs code in the site header.php file was the crucial issue. When placed like this:
<div id=”main”>
<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”http://schema.org/”>
<?php if(function_exists(‘bcn_display’))
{
bcn_display(false,false);
}?>
everything starts to work as expected, and the site nav is back to normal. But there is still one major problem:
On some pages, the display of the breadcrumbs in flush to the right border of the page; on others, it is normal, e.g., flush left. I wonder how this could be? How would I go about troubleshooting this?
Thank you for your continued help!
In addition to having some of the pages display the breadcrumb trail flush right, I also notice now that on some pages, only the LAST crumb in the trail is displayed.
A look at the underlying code for those LACKING the full trail shows this:
<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”http://schema.org/”>
<!– Breadcrumb NavXT 5.3.1 –>
<span typeof=”v:Breadcrumb”><span property=”v:title”>Current page title here</span></span>
Whereas, a page showing the correct breadcrumb trail shows this code:
<!– Breadcrumb NavXT 5.3.1 –>
<span property=”itemListElement” typeof=”ListItem”><span property=”name”>Parent page title here</span><meta property=”position” content=”1″></span> > <span typeof=”v:Breadcrumb”><span property=”v:title”>Current page title here</span></span>
I have the Home page links turned off, so they do not display in both cases.
On some pages, the display of the breadcrumbs in flush to the right border of the page; on others, it is normal, e.g., flush left. I wonder how this could be? How would I go about troubleshooting this?
This is sounding like a styling issue. Try using the HTML/CSS/JS inspector built into your webbrowser, see what styles are being applied to the breadcrumbs.
…I also notice now that on some pages, only the LAST crumb in the trail is displayed.
For the page in question, what is its parent (e.g. are we talking about a page with a parent page, or a post with a category or something else)? Usually, this problem occurs when a hierarchy is not setup for the page.
OK! You were correct: several pages did not have the correct Parent selected. I fixed those and now all pages show the full breadcrumb pathgs.
But, on some pages – and this is not uniformly across all internal pages with the same parent – the breadcrumbs are still flush right instead of flush left. I have examined the CSS code related to breadcrumbs, and there is no way that could be differentiating between pages.
A comparison of the CSS involved show the same rules for both:
/* Line 87 */
div.breadcrumbs
{
font-size: 0.9em;
position: relative;
top: 0.5em;
}
I have also checked the HTML – it shows the same structure for both pages displaying the breadcrumbs correctly, and for those that don’t.
I’m stumped at this point…
Solved! I compared all of the files in the child theme that could possibly make a difference. Had to be header.php…
Problem was that in header.php file, final line of file was missing this:
</div>
which closed the breadcrumbs div.
Stupid human error on my part!
Thanks again for your help.
Good to hear you figured it out! Not sure I would have come to the conclusion that there was an HTML error (without seeing the generate HTML page myself).
