Skip to main content
Apply Visit Give

Breadcrumb

This component adds a small text path that indicates where the web page is located on the website.  

Screenshot of Assessment & rehabilitation website, with box around the breadcrumb Concordia University / School of Health / Public programs / Assessment & rehabilitation

Uses

A breadcrumb helps orient the user in the website hierarchy. It's useful when there are several layers of navigation and you want to make it easy for the user to go up to a previous level or find their way back to the homepage.

Pages that use the full width and right sidebar templates have built-in breadcrumbs.

You can add a breadcrumb component to any page that uses the full browser window template. The breadcrumb component is located in the Concordia Design section of the AEM Sidekick.

Best practices

On a page with a hero

Place the Breadcrumb component directly above the Hero component. For example:

Breadcrumb for the Core Technical Centre at top of page, above hero image of the facility

On a page without a hero

Place the Breadcrumb component directly above the Introduction component, like this:

Breadcrumb above introduction component for School of Health Events & webinars
Back to top

© Concordia University