Breadcrumbs and Employees



I using the Yoast plugin for SEO. I’ve tried putting the code for breadcrumbs
<?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('<p id="breadcrumbs">','</p>');} ?>
both at the bottom of the Header.php file and at the top of the page.php files. Both the times i get white space in the homepage at the end of the heasder and the beginning of the first widget. (

I have 4 employees in my company. I want them to all be shown in a single line. I tried changing the grid spacing from Col-md-4 to col-md-3, even though the size gets smaller, the fouth employee still goes to the next row.

Please help me out. Thank You.


The white space on the home page is because your breadcrumb widget, you can deactivate the widget for the homepage by change your widget code. try this:

if ( function_exists(‘yoast_breadcrumb’) ){
    {yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’);
} ?>

And here is the css code for the employee widget:

.employee:nth-of-type(3n+1) {
    clear: none;


Hi Awan,

Thank you for the quick reply. After adding the code you mentioned for the breadcrumbs, the website does not load. I get a white screen.

Regarding the employees code, should i add it to the style sheet?


I am sorry, there is an expected character on the code above.
you can change with this:

if ( function_exists('yoast_breadcrumb') ){
  if ( !is_front_page() && !is_home() ){
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

and for the employee code, you can put the code using custom css plugin.


Thank you so much! Both the codes worked perfectly!