Breadcrumb in Header (header.php) – sort of works….

  • I’m using 2014 theme, and I want the breadcrumbs in the header. I’ve place the chunk of breadcrumb code in header.php. This causes a horizontal bar to appear in the header area, but no text appears.

    I have tried clicking in the bar to see if there was invisible text, but apparently not.

    Oddly, on a site hosted at GoDaddy, it seems to work with the 2015 theme, but on my locally-hosted WP instance, it isn’t working. So it is possible there is some random bit of something I haven’t installed.

    My site is MOSTLY static pages, so breadcrumbs is supposed to be tracking those, not blog posts.

    The Breadcrumb settings are pretty close to stock. I link the current item, and my home template is: <span typeof=”v:Breadcrumb”>Home</span>

    I cannot give you a link to my internal site; sorry. The site where it _is_ working is but I cannot figure out what’s different between the two sites, other than the theme. And I need the 2014 theme, not the 2015 theme.

    Any suggestions?

    This code is what I put in header.php, right after the first <head></head> block:

    <div class=”breadcrumbs” xmlns:v=”https://rdf.data-vocabulary.org/#”&gt;
    <?php if(function_exists(‘bcn_display’))
    {
    bcn_display();
    }?>
    </div>

    https://www.ads-software.com/plugins/breadcrumb-navxt/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter grenley

    (@grenley)

    Well, that was an interesting site link. It’s https://dentedplanet.org.

    Thread Starter grenley

    (@grenley)

    Update. The breadcrumb text is there, but is in the wrong place. Unfortunately, the site is private, and apparently I cannot add an image to this post. So I shall try to describe it.

    The header area contains, from left to right, the company name, six drop-down menus, the search symbol. Like this:

    Acme Inc. Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 Search

    Just below that is a light gray bar that the code chunk below inserts into the header.

    I noticed that I could see the last few letters of the breadcrumb trail “peeking out” of the right hand side. In other words, the text is UNDERNEATH the menu area, instead of down in the gray bar where it’s supposed to be. I need to lower it half an inch or so.

    I can’t figure out which CSS file has the position info for this. Can anyone help? Or is there another better way to fix it?

    George

    <div class=”breadcrumbs” xmlns:v=”https://rdf.data-vocabulary.org/#”&gt;
    <?php if(function_exists(‘bcn_display’))
    {
    bcn_display();
    }?>
    </div>

    Thread Starter grenley

    (@grenley)

    Well, I finally fixed it. It’s very fussy about where in header.php you put the PHP code, and I suspect that the correct “where” depends on which theme you’re using. Trial and error, boys and girls!

    Plugin Author John Havlik

    (@mtekk)

    For styling, as far as I can tell, for Twenty Fourteen, the style.css file is where you’d modify/add styling for the Breadcrumb trail. After quickly looking at Twenty Fourteen, it appears that it does not ship with any styling for breadcrumbs, so you’ll have to add your own styling.

    Well, I finally fixed it. It’s very fussy about where in header.php you put the PHP code, and I suspect that the correct “where” depends on which theme you’re using. Trial and error, boys and girls!

    It look like if you d not place it within the <header> tag in header.php, then the sidebar will float above the breadcrumb trail. Another option is placing the calling code in the ‘primary’ content area (though I think that requires adding code to several files).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Breadcrumb in Header (header.php) – sort of works….’ is closed to new replies.