How to Add Breadcrumbs

Breadcrumbs are a little tricky in this case because we have several page header options so depending on what options you choose the code will output in different places. Here's how we have made it work:

1. Install and activate the plugin Yoast SEO:

We'll be basically following the steps outlined here:

2. Install and activate the child theme included in the download package.

Then create a template folder under the child theme folder so it looks like:


and then make a copy of \wp-content\themes\stratus\templates\page-header.php in the folder you just created. Should look like this:


3. Right after line 181, and add in your Yoast code from the article linked above and then save the file.

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

4. Add this code into your Custom CSS box under Appearance > Theme Options:

#breadcrumbs {margin: 15px 0 0 15px;} 

5. Enable breadcrumbs in the plugin as mentioned here:

6. Now on your edit screen for the page you wish to show it on, you need to make sure Page Header is enabled and that the custom option is turned on:

Then you should have breadcrumbs displaying above the page title: example