/* Ensure the container doesn't overflow */ .ticker-wrapper { overflow: hidden; white-space: nowrap; width: 100%; box-sizing: border-box; position: relative; } /* Ticker animation */ .ticker-wrapper .elementor-heading-title { display: inline-block; white-space: nowrap; will-change: transform; } document.addEventListener("DOMContentLoaded", function() { const ticker = document.querySelector('.ticker-wrapper .elementor-heading-title'); const tickerWrapper = document.querySelector('.ticker-wrapper'); if (ticker && tickerWrapper) { // Duplicate the ticker content without adding a separator ticker.innerHTML += ticker.innerHTML += ticker.innerHTML += ticker.innerHTML += ticker.innerHTML; function setTickerAnimation() { const tickerWidth = ticker.clientWidth; const wrapperWidth = tickerWrapper.clientWidth; let speedFactor; if (window.innerWidth > 1024) { // Desktop speed factor speedFactor = 33; } else if (window.innerWidth > 768) { // Tablet speed factor speedFactor = 7; } else { // Mobile speed factor speedFactor = 3; } const duration = (tickerWidth / wrapperWidth) * speedFactor; ticker.style.animation = 'ticker ' + duration + 's linear infinite'; } setTickerAnimation(); window.addEventListener('resize', setTickerAnimation); } }); /* Keyframes for ticker animation */ const styleSheet = document.createElement("style"); styleSheet.type = "text/css"; styleSheet.innerText = ` @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } `; document.head.appendChild(styleSheet);