Breadcrumbs

About this component

Breadcrumbs appear on most pages, and let you know where you are on the website by providing links back up the page hierarchy to the PCC homepage, making it easy to backtrack. Site homepages don’t include breadcrumbs.

Styling

Breadcrumbs are light gray and smaller than body text, and each links is divided by a backslash.

How to use for Breadcrumbs

Breadcrumbs automatically get added to the top of the content area based on where the page is in the site’s structure. If the page has a short title (set in “PCC Page Attributes” in the WordPress editor), that will be used in the breadcrumbs.

Development info for Breadcrumbs

Stylesheet location: /_source/styles/base/_global.scss

Example of Breadcrumbs