/* Stop the HTML widget creating space */ .bcb-slider-code { display: none !important; } .scrolling-top-bar { width: 100%; overflow: hidden; } .scrolling-top-bar .elementor-widget-container { overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .scrolling-top-bar .elementor-icon-list-items { display: grid !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .scrolling-top-bar .elementor-icon-list-item { box-sizing: border-box !important; display: flex !important; grid-area: 1 / 1 !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; visibility: hidden; transform: translateX(100%); transition: transform 0.55s ease-in-out; } /* Item currently visible */ .scrolling-top-bar .elementor-icon-list-item.bcb-current { visibility: visible; transform: translateX(0); } /* Item leaving to the left */ .scrolling-top-bar .elementor-icon-list-item.bcb-exit { visibility: visible; transform: translateX(-100%); } (function () { function initialiseSlider(bar) { if (bar.dataset.bcbSliderReady === 'true') { return; } var items = Array.from( bar.querySelectorAll('.elementor-icon-list-item') ); if (items.length < 2) { return; } bar.dataset.bcbSliderReady = 'true'; var currentIndex = 0; var isAnimating = false; items.forEach(function (item) { item.classList.remove('bcb-current', 'bcb-exit'); }); items[0].classList.add('bcb-current'); function showNextItem() { if (isAnimating) { return; } isAnimating = true; var currentItem = items[currentIndex]; var nextIndex = (currentIndex + 1) % items.length; var nextItem = items[nextIndex]; /* Place the next item to the right */ nextItem.classList.remove('bcb-current', 'bcb-exit'); /* Force Elementor/browser to register its starting position */ void nextItem.offsetWidth; /* Slide the current item left and the next item into view */ currentItem.classList.remove('bcb-current'); currentItem.classList.add('bcb-exit'); nextItem.classList.add('bcb-current'); setTimeout(function () { currentItem.classList.remove('bcb-exit'); currentIndex = nextIndex; isAnimating = false; }, 600); } setInterval(showNextItem, 3000); } function findSliders() { document .querySelectorAll('.scrolling-top-bar') .forEach(initialiseSlider); } findSliders(); document.addEventListener('DOMContentLoaded', findSliders); window.addEventListener('load', findSliders); /* Catch Elementor loading the Icon List afterwards */ setInterval(findSliders, 1000); })();