Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Breadcrumb V04

breadcrumb v04

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A cloud-drive style breadcrumb that keeps the first level and the last two levels visible and folds the folders in between into an ellipsis button. Pressing the button reveals the hidden levels in place and moves focus to the first of them. Without JavaScript the full path is shown.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 6 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Configurable number of levels kept at each end via data attributes
  • Ellipsis button with a descriptive aria-label and tooltip of the hidden path
  • Focus moves to the first revealed link
  • Full trail as a no-JavaScript fallback
  • CSS chevrons and reduced-motion friendly reveal
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.