scrolling banner code help

[hushbug]

hi!

i need some help with my css. i have a scrolling banner at the top of my home page that i put in with a 3rd party app and there's no way to move it where i want without coding. i'd like to position it so that it's right underneath my header. this is the code they gave me, but i'm not sure where to paste it exactly: 

<div class="essential-announcement-block" id="282eed53-df8f-4111-a345-aa01aab27b0b"></div>

here's my website

thank you!

[zack_dev · Accepted solution]

Hi you can try to place the code below header.liquid file . It will be under section folder when you go to edit theme files in customizer. You can also paste the code of this file to tell you exact placement .

[hushbug]

thank you! how do i change the font to a custom font?

[zack_dev]

<style>
.essential-announcement-block span {
    font-family: cursive;
}
</style>

 Place this on theme.liquid at bottom use your font family name from google fonts intead of cursive see it it works.

[EBOOST]

Hi @hushbug,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to end of file

#shopify-section-template--15982839169195__pagefly-home {
	overflow-x: hidden;
}