1. Home
  2. Docs
  3. MINIMAL
  4. Extra
  5. breadcrumbs under header

breadcrumbs under header

Use the script below in the Script Manager to load additional breadcrumbs under the header

<script>
window.addEventListener('load', function() {
    // Wait 2 seconds after full page load
    setTimeout(function() {
        // Find the breadcrumb
        var breadcrumb = document.querySelector('nav[aria-label="Breadcrumb"]');
        var header = document.querySelector('header');

        if (breadcrumb && header) {
            // Clone the breadcrumb
            var breadcrumbClone = breadcrumb.cloneNode(true);
            // Insert after header
            header.parentNode.insertBefore(breadcrumbClone, header.nextSibling);
        }
    }, 2000); // 2000ms = 2 seconds
});
</script>