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 around line 13, and add in your Yoast code from the article linked above and then save the file. Right after the curly brace. }

Here is a screenshot of what it should look like after. 

<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