HI!

Please use https://yoast.com/help/implement-wordpress-seo-breadcrumbs/ plugin.

Open the themes functions.php FIND (around line 925)

gem_breadcrumbs();
$breadcrumbs = '<div class="breadcrumbs-container"><div class="container">'.ob_get_clean().'</div></div>';

REPLACE WITH

    if ( !function_exists( 'yoast_breadcrumb' ) ) {      require_once '/inc/wpseo-functions.php';  }  $breadcrumbs = '<div class="breadcrumbs-container"><div class="container"><div class="breadcrumbs">'. yoast_breadcrumb('','',false) .'</div></div></div>';
    //gem_breadcrumbs();
    //$breadcrumbs = '<div class="breadcrumbs-container"><div class="container">'.ob_get_clean().'</div></div>';

SAVE AND UPLOAD

Goto the Gems Themes Options | Advanced CSS

In the Custom CSS 

PASTE

.breadcrumbs .breadcrumb_last{
    color: #e7ff89;
    padding-bottom: 12px;
    border-bottom: 3px solid #e7ff89;
    font-weight: normal;
}
.page-title-block .breadcrumbs-container {
    min-height: 38px;
}
.breadcrumbs a:hover {
    color: #e7ff89;
}

SAVE

Now we just have to go into Yoast Search Appearance within the Yoast Plugin

Select Yoast Breadcrumbs, and in the "Separator between breadcrumbs:" field 

PASTE

<span class="divider"><span class="bc-devider"></span></span>
SAVE

That's it, your breadcrumbs are now using Yoast.

Hi,

Give me link to this page.

HI!

CSS example:

Breadcrumbs position fix:

.page-title-block .breadcrumbs-container {
    bottom: 18px;
  
}

2. Top space:

body .block-content {
    padding-top: 40px;
}