In this article we are going to explore adding a responsive text banner that transitions on a set interval to your site.
You can see a working demo here of what we are building here. click here to see the demo
Many sites today are sporting a popular text-based banner message across the top of their site.
The code to implement this is relatively simple but we thought we might share how we tackle this
with a Shopify.
Getting started HTML
We need to start by creating an html list to store our messages.
Next let’s style it CSS
Now let’s create some css to style this list.
Now let’s make it transition jQuery
You can find a working example here on codepen where you can play with the settings a bit.
click here to see the demo