# Ticker Code - I'm Using under Audio Demo

**URL:** <https://forums.realmacsoftware.com/t/ticker-code-im-using-under-audio-demo/50133>\
**Category:** Elements\
**Created:** [August 24, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/ticker-code-im-using-under-audio-demo/50133 "2025-08-24T11:48:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [August 24, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/ticker-code-im-using-under-audio-demo/50133/1 "2025-08-24T11:48:01Z")

</div>

```auto
<center>
<div class="ticker-wrap">
  <div class="ticker">
    <span>🎺 New Hit Single out now: Change is te Only Constant — Listen on Apple, Spotify, YouTube, Amazon 🎶</span>
  </div>
</div>

<style>
.ticker-wrap {
  width: 350px; 
  background: orange; 
  overflow: hidden; 
  white-space: nowrap; 
  box-sizing: border-box;
  border-radius: 7px; /* 👈 Rounded corners */
}

.ticker {
  display: inline-block;
  padding-left: 100%; /* start off screen */
  animation: ticker 35s linear infinite;
}

.ticker span {
  font: 16px Arial, sans-serif;
  color: black;
}

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

```

For me this is working great! 🙂 [WindyTown.com](http://WindyTown.com). Not going to do 80 recordings too busy - just 5 or so…

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [August 24, 2025, 12:00pm UTC](https://forums.realmacsoftware.com/t/ticker-code-im-using-under-audio-demo/50133/2 "2025-08-24T12:00:30Z")

</div>

Doesn’t Work under Mobile - Too much CSS code to add…

 ![Windy Town Music Recording, Mixing, Mastering & Multimedia Studio Since 1980s](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/f/1f1a8f9771b25ac5be9ce8a8160c01e429b39734.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 24, 2025, 2:14pm UTC](https://forums.realmacsoftware.com/t/ticker-code-im-using-under-audio-demo/50133/3 "2025-08-24T14:14:01Z")

</div>

Banner seems fine on Mobile, perhaps you need to tweak the rest of your layout…

 ![CleanShot 2025-08-24 at 3 .13.17@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/9/e93589a5885c57eaaef9a546ed890b8392d17094.png)