Is it possible to add a 3 image scrolling banner on Dawn theme?

CostonLabs
Visitor
1 0 0

Hello, I am looking to add 3 scrolling images to my banner on the Dawn theme.  I have the following code, but not sure where to put it. 

 

<div id="scrolling-banner" class="scrolling-banner">
<div class="scrolling-images">
<img src="URL_TO_YOUR_IMAGE_1" alt="Image 1">
<img src="URL_TO_YOUR_IMAGE_2" alt="Image 2">
<img src="URL_TO_YOUR_IMAGE_3" alt="Image 3">
</div>
</div>

<style>
.scrolling-banner {
overflow: hidden;
position: relative;
width: 100%;
}

.scrolling-images {
display: flex;
animation: scroll 10s linear infinite;
}

@keyframes scroll {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
</style>

 

Help is greatly appreciated!  Thank you🤗

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2031 586 461

You can add the section called 'Custom Liquid' and save the code there @CostonLabs 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Yanxin
Visitor
1 0 0

I think that's a good question. A banner with only 2 scrolling images often isn't enough, and I really wish I could find a solution. However, it doesn't seem to work the way it is currently. would really appreciate it.