Remove second delimiter from breadcrumbs - pro header

[webopsdpi]

Wishing to remove the second deliminator in this breadcrumb, so it’s only Home > Post Title.

Using
// Shortcode to add breadcrumbs to Header Builder
function my_breadcrumbs( ) {
$breadcrumbs_on = x_get_option( ‘x_breadcrumb_display’ );
if ( $breadcrumbs_on == ‘1’ ) :
$breadcrumbs = x_breadcrumbs();
endif;
return $breadcrumbs;
}
add_shortcode( ‘breadcrumbs’, ‘my_breadcrumbs’);

http://dev-deals-npb.pantheonsite.io/
Thanks- Todd

[Prasant]

Hello Todd,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

.x-crumbs .x-crumbs-list-item:nth-child(2){display: none;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

If you would like to learn more about child selector, please take a look at following resource https://www.w3schools.com/cssref/sel_nth-child.asp

Thanks.

[webopsdpi]

@Prasant

.x-crumbs .x-crumbs-list-item:nth-child(2){display: none;}

Perfect - Thanks - Todd

[mldarshana]

Glad we were able to help