Breadcrumbs

Breadcrumbs show users where the current page is in relation to other pages on the site.

Best Practices

Breadcrumbs give the user a way to travel up the information architecture of the digital product.
Breadcrumbs are not primary navigation.
They are best used for products with multiple levels of information architecture.
They are not used to show browsing history.
They show the user their current place within the site or app’s hierarchy.
The Home icon always goes to the Homepage.
On smaller devices, breadcrumbs only display the current page and a link to its parent in the information hierarchy.
Place Breadcrumbs immediately above the Page Title.
To save space on mobile, only Home, Current, and parent of Current will appear.

See the Pen Breadcrumbs by LA Gov Design Team (@lagovdesignteam) on CodePen.