Notice: If you have an issue with the latest version of Elementor: Please see this article

Okay
  Print

Adding Yoast Breadcrumbs to rooms and pages.

Big thank you to Mario for posting his guide. He took the time to share his solution for other to use. Thank you!!

You'll need to have the Yoast SEO plugin installed Make sure you have the Child Theme installed and copy the bellevue/templates/page-header-rooms.php to your Child Theme into the templates folder

Then on your dashboard, Apperance>>Editor  -- Make sure you select the Bellevue Child Theme and edit page-header-rooms.php around line 210 Find    

<?php           
 //-----------------------------------------------------
 // GET BORDER CLOSE
//-----------------------------------------------------

Type this code BEFORE it          

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

On your dashboard, Apperance>>Theme Options in your custom CSS add this to display the breadcrumbs on the right side instead of the default left side. If you're happy with displaying breadcrums on left side, than ignore this step.

#breadcrumbs {float: right; margin-right: 200px;}

If you want to remove the breadcrumbs from devices with screens smaller then 767px (mobile devices)

@media only screen and (max-width: 767px) 
{#breadcrumbs {display: none !important;} }

To have the breadcrumbs on all your other pages except the Home (front) page Make sure you have the Child Theme installed and copy the bellevue/templates/page-header-rooms.php to your Child Theme into the templates folder

On your dashboard, Apperance>>Editor  -- Make sure you select the Bellevue Child Theme and edit page-header.php at the very end add this code

<?php if (is_front_page()) {
            echo '';
} else {
if ( function_exists('yoast_breadcrumb') ) {
     yoast_breadcrumb('<p id="breadcrumbs">','</p>');
}
} ?>

If you ALSO want to show the Breadcrumbs on the Home page then just use this code instead     

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