How to make this marquee banner fit every screen size

Store Design
1

Hey guys got this working code for a marquee banner but its only working on mobile effectively, its cutting off halfway thru the animation on 4k monitor, is there a fix using this operator @media screen and (min-width: 750px) {

thanks for any help :slightly_smiling_face:

using Dawn 4.0

code:

.marquee-container {
overflow: hidden;
}
.marquee {
margin: 0;
display: flex;
 background:red;
}
.marquee-words {
   color:white;
white-space: nowrap;
animation: marquee-keywords 5s linear infinite;
font-size: 20px;
letter-spacing: 0.2em;
}
@keyframes marquee-keywords {
100% {
transform: translateX(100%);
}
0% {
transform: translateX(-100%);
}
}
2

Actually this code breaks my product slider and swiping ability on mobile, does anyone have a js or jquery solution for marquee banner on Dawn 4.0? cheers

3

Hi @DUMPUMPZ ,

Please send your site and if your site is password protected, please send me the password. I will check it.