Addition of Breadcrumbs NavXT: Breaks main nav

  • Resolved wpress2010

    (@wpress2010)


    7 years, 11 months ago

    If I implement Breadcrumbs NavXT via the following method in the header.php file of a Twenty Ten child theme:

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

    The breadcrumbs do appear as expected. But, when I use the site’s main nav menu to go to an internal page, ALL of the main nav menu items no longer act as links, and do not work – no cursor hand on hover, nothing. The site had been working as expected for a long time – but now the main nav doesn’t work on all internal pages. If I remove the NavXT code from the child theme’s header.php file, the main navigation works again everywhere.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author John Havlik

    (@mtekk)

    What CSS are you applying to the breadcrumb trail? It sounds like you are having a z-index conflict. Since Breadcrumb NavXT does not ship with any CSS, this is something your theme is doing.

    Looking at the calling code you are using, do you want the items in the breadcrumb trail to be unlinked? Also, note that the RDF microdata breadcrumb format has been deprecated in favor of Schema.org.

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

    (@wpress2010)

    Thank you so much for your reply. It reminded me to examine the breadcrumbs <div> itself. Here is the CSS that I had applied – very minimal:
    div.breadcrumbs {
    font-size: 0.9em;
    position: relative;
    top: 0.5em;
    }

    But…I went in with browser tools and found that the problem was that the breadcrumbs <div> was much too large – it was, in effect, COVERING the nav area with blank space. All I had to do to restore correct appearance and functioning was to add this:

    div.breadcrumbs {
    max-height: 1.5em !important;
    }

    Oddly enough, I have another site with the same configuration, and the breadcrumbs <div> apparently is only about that high, with no addditional CSS applied.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Addition of Breadcrumbs NavXT: Breaks main nav’ is closed to new replies.