Breadcrumbs look weird

[jpenns]

Hi, my breadcrumbs look weird, with an extra space. How do I edit them? https://www.smartnutrition.ca/category/babies-kids/

[thai]

Hi There,

Please add this custom CSS under X > Theme Options > CSS:

.category .x-breadcrumbs-wrap > div > span:nth-child(2) {
    display: none;
}

Let us know how it goes!

[jpenns]

@thai

.category .x-breadcrumbs-wrap > div > span:nth-child(2) {
display: none;
}

Thank you, that worked! Follow up question though, I checked in google’s webmaster tools and it says there’s no schema document with the information about these breadcrumbs, which I understand it would be helpful to have for SEO reasons. I already own Yoast Premium plugin so I’m thinking of enabling breadcrumbs in Yoast. How does that interact with these breadcrumbs? Are they compatible? The Yoast instructions gives me code to insert where I want them to show up on the page, is that necessary when using the X breadcrumb setting?

[ruenel]

Hello There,

The breadcrumbs is located in the landmark header. If you want to modify it and use the Yoast SEO breadcrumb, please add the following code in your child theme’s functions.php file

// Custom Yoast Breadcrumbs for X
// =============================================================================

if ( ! function_exists( 'x_breadcrumbs' ) ) :

  function x_breadcrumbs() {

    if ( function_exists('yoast_breadcrumb') ) {
      yoast_breadcrumb('
        <p id="breadcrumbs">','</p>
      ');
    }

  }

endif;
// =============================================================================

Hope this helps. Please let us know how it goes.