Up to 40% off selected lines - SHOP NOW Free delivery over $200 Fancy 15% off? Get thatplus more exclusive rewards when you join Sparks All Duties Paid <> .header-banner .content { overflow: hidden; min-height: 30px; position: relative; } .site-stripe-message { text-align: center; transition: opacity 1s ease-in-out; opacity: 0; text-overflow: ellipsis; overflow: hidden; padding: 4px 0; position: absolute; /* Add this line */ width: 100%; /* Add this line */ left: 0; /* Add this line */ top: 0; /* Add this line */ pointer-events: none; } /* When there is only one message */ .site-stripe-message:only-of-type { display: block; opacity: 1; pointer-events: auto; } /* When there are multiple messages */ .site-stripe-message:not(:only-of-type) { display: block; animation: fadeInOut 20s infinite; } @keyframes fadeInOut { 0%33% { opacity: 0; pointer-events: none; } 8%25% {opacity: 1; pointer-events: auto;} 100% { opacity: 0; pointer-events: none;} } .site-stripe-message:nth-child(1) { animation-delay: 0s; } .site-stripe-message:nth-child(2) { animation-delay: 5s; } .site-stripe-message:nth-child(3) { animation-delay: 10s; } .site-stripe-message:nth-child(4) { animation-delay: 15s; }