> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/other-sections/breadcrumbs.md).
# Breadcrumbs
A navigation trail showing the visitor's location within the store (e.g. **Home → Collections → T-Shirts**). Add it to any template except the homepage. One Breadcrumbs section per page.
{% hint style="info" %}
To control which collection appears in the breadcrumb on product pages, see [How to custom the breadcrumb collection](/helix/how-to-guides/how-to-custom-the-breadcrumb-collection.md).
{% endhint %}
{% hint style="info" %}
**Tip:** Place Breadcrumbs as the first section on the page, above the Collection Banner or Product Information, so it sits directly below the header.
{% endhint %}
***
## Settings
| Setting | Description |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Width | **Page** — Keeps the content within the page width set in your theme settings. **Full** — Stretches the content across the full browser width, with a small space at the edges. |
| Show top divider | Adds a border above the breadcrumb bar. |
| Show bottom divider | Adds a border below the breadcrumb bar. |
| Style | The separator shown between items. |
| Alignment | Horizontal alignment of the breadcrumb trail. |
| Size | Size of the breadcrumb text. |
| Color scheme | Background and text colors for the section. |
| Padding top / bottom | Vertical spacing above and below the bar. |
| Custom padding — Mobile | Override desktop padding with independent mobile values. |
***
{% hint style="info" icon="headset" %}
**Need help?**
Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.
Chat with us Submit a ticket
{% endhint %}