Solved

scrolling banner code help

hushbug
Excursionist
38 0 4

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!

 

 

Accepted Solution (1)

zack_dev
Shopify Partner
75 14 10

This is an 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 .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

View solution in original post

Replies 4 (4)

zack_dev
Shopify Partner
75 14 10

This is an 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 .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

hushbug
Excursionist
38 0 4

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

zack_dev
Shopify Partner
75 14 10

 

<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.



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

EBOOST
Shopify Partner
1003 268 308

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;
}
- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤