Replace the following in Receiver.html

<div id="pluginTop"><div id="customTop"></div></div>

with

<div id="pluginTop"><div id="customTop"><div class="StoreMarquee"><span></span></div></div></div>


Add the following to Style.css

/* StoreFront messaging begin */

#customTop {
 height:30px;
background:Blue;
}

.StoreMarquee {
    width: 0 auto;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.StoreMarquee span {
font-family:'Arial Black', sans-serif;
font-size:1.0em;
font-weight:bold;
color:White;
display: inline-block;
padding-left: 100%;  /* show the marquee just outside the paragraph */
animation: StoreMarquee 15s linear infinite;
-moz-animation: StoreMarquee 15s linear infinite;
-webkit-animation: StoreMarquee 15s linear infinite;
}


/* Make it move */
@keyframes StoreMarquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@-moz-keyframes StoreMarquee {
    0%   { -moz-transform: translate(0, 0); }
    100% { -moz-transform: translate(-100%, 0); }
}

@-webkit-keyframes StoreMarquee {
    0%   { -webkit-transform: translate(0, 0); }
    100% { -webkit-transform: translate(-100%, 0); }
}


.StoreMarquee span:after {
Content: 'TEST MESSAGE'; /*what the element will contain*/
display: inline;
}

/* StoreFront messaging end */