To show the breadcrumb in the banner of your site, you need to install and activate the Yoast SEO plugin. After activating it, Go to SEO >> Search Appearance, select the Breadcrumbs tab and click on the Enabled button and save changes. After doing this process, breadcrumb will show on the banner of the pages below the page title.
Note: Don’t forget to click on the Save Changes button after clicking on the Enabled button.
Go to Appearance >> Customize >> General Settings >> Breadcrumb Settings
Settings related to Breadcrumb which is displayed below the banner title on every page template except the business template are given here. Here you can hide/show the banner, breadcrumb title, enable/disable the overlay on the banner image and change the background color of the overlay.
- Enable Banner: Hide/Show Banner.
- Enable Breadcrumb: Hide/Show Breadcrumb.
- Enable Breadcrumb Image Overlay: Check this checkbox to show the overlay on the background image.
- Breadcrumb Image overlay color: Set the overlay color from here.
To change the banner image, you need to install and activate the Unique Headers plugin. After activating it, Go to your page editor and you can see the option to upload the header image.
Click Here to go on General settings