Imbed Code to Announcement Bar

Does anyone know a way to imbed custom code into the announcement bar? For my client (a church) I'd like to imbed a countdown to sunday ticker that shows up in the announcement bar on each page. The website is https://alcsrq.squarespace.com/ and the custom code for the ticker is:

<script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script><a data-type="countdown" data-id="4569473" class="tickcounter" style="display:block; left:0; width:100%; height:30px; position:relative; padding-bottom:0; margin:0 auto;" title="COUNTDOWN TO SUNDAY" href="//www.tickcounter.com/">COUNTDOWN TO SUNDAY</a>

I did -- but it cuts off the logo. I guess I could try increasing the header to bring it down?

Add this code to Custom CSS:

.header .header-announcement-bar-wrapper {
    margin-top: 36px;
}

That worked great...thank you!

Just now, CRMarketing said:

That worked great...thank you!

No problem, thanks for marking my post as the solution!