---
title: "Breadcrumb element"
date: "2017-12-01T11:42:31+00:00"
summary: "Easily add and customize Drupal breadcrumbs to your site layout with the Breadcrumb element. Learn how to locate, implement, and style this versatile navigation tool for improved user experience."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/breadcrumb-element"
id: "07f615d6-6deb-4354-a099-339007cc71c9"
---

Use the Breadcrumb element to add a Drupal breadcrumb to your layout. The Breadcrumb element will render the breadcrumb provided by Drupal in the location and style you set. If you are using a contributed module to change the behavior of the breadcrumbs, for example, [Menu breadcrumb](https://www.drupal.org/project/menu_breadcrumb) the Breadcrumb element will simply use this.

Locating the breadcrumb element
-------------------------------

To find the Breadcrumb element:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Breadcrumb element.

![4bbef89e-breadcrumb.png](https://acquia.widen.net/content/1f4c74bf-63b3-4891-ae18-5b6a70bbedfb/web/4bbef89e-breadcrumb.png)

The Breadcrumb element includes the following fields:

Custom style
------------

*   **List style -** Sets the style of the Breadcrumb. This uses a list style.