Snippets: Display Breadcrumbs on Page Header with Background

By default breadcrumbs are hidden on the page header with background because in most causes it shouldn't be used. The purpose of this page header style is too give the page a nice look and feel and the breadcrumbs take away from the design.

body .background-image-page-header .site-breadcrumbs {
    display: block;
    position: relative;
All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.