Skip to main content
Documentation/Elements & Controls Reference/Elements/Dynamic/Breadcrumbs

Breadcrumbs

Breadcrumbs displays a navigation trail supplied by a supported SEO integration. Use it to help visitors understand the current page's position in the site.

Add and configure Breadcrumbs

  1. Click Add, choose Breadcrumbs, and place it in the container.
  2. Choose Content > Breadcrumbs > Integration: Yoast SEO, Rank Math, or SEOPress.
  3. Ensure the selected provider and its breadcrumb feature are configured.
  4. Style Design > Container, Typography, and Spacing.
  5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Breadcrumbs

Setting Purpose and options Behavior
Integration Yoast SEO, Rank Math, SEOPress. Shared

Design > Container

Setting Purpose and options Behavior
Width Width. Shared
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls
Content Alignment left, Center, right. Shared

Design > Typography

Setting Purpose and options Behavior
Text typography controls. See linked controls
Links typography controls. See linked controls
Separator typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Troubleshooting

No breadcrumb trail appears

Confirm that the selected integration is active and configured for breadcrumbs.

The hierarchy is unexpected

Review the SEO provider's breadcrumb settings and the current content hierarchy. Breakdance styles the supplied trail.