Re: want to make scrollable shop announcement at top in header and change the color of social icons

Advertfox · ‎05-21-2024

hi,

i want to put scrollable shop announcement bar in my store and want to change social media icon colors in header as shown in below image

Advertfox · ‎05-21-2024

here is the store link,

https://quirkyqueststudio.myshopify.com/

pass is advertfox

Dan-From-Ryviu · ‎05-21-2024

Hi @Advertfox

You could do that by adding this code to your theme.liquid file after <head> in Online Store > Themes > Edit code

<style>
.announcement-bar-section {
position: sticky;
top: 0px;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

PageFly-Richard · ‎05-22-2024

Hi @Advertfox

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.announcement-bar-section {
position: sticky;
top: 0px;
}
.list-social__item .icon {
    color: #fe9eca;
    height: 2.2rem;
    width: 2.2rem;
}

</style>

Hope this can help you solve the issue

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

All features are available from Free plan. Live Chat Support is available 24/7.

Advertfox · ‎05-22-2024

hi, thank you for the help. however im only able to change color of social media icons. my shop announcement is still not moving, i want to give marquee effect to it so texts can change automatically

Advertfox · ‎05-22-2024

i want header scrolling exactly like below store

springcolors-pastelgrid.myshopify.com
Password: pastelgrid

Advertfox · ‎05-22-2024

hi, how can i also change the color of my cart icon and search icon ?

Re: want to make scrollable shop announcement at top in header and change the color of social icons

want to make scrollable shop announcement at top in header and change the color of social icons

Community Blog Articles