hello friends, I would like to know how to make the announcement bar sticky like the header in Impulse theme, so when a costumer scrolls he will see the header and the announcement bar as well.
thank you very much in advance 
Topic summary
Main Issue:
Users want to make the announcement bar sticky (fixed position during scrolling) alongside the header in Shopify’s Impulse theme.
Solution Provided:
Dan-From-Ryviu initially shared CSS code to be added to the theme.liquid file after the <head> tag via Online Store > Themes > Edit code. The original poster confirmed this solution worked.
Mobile Optimization:
One user (bamboomike) encountered padding issues on mobile devices with stacked announcements but resolved it independently without sharing the specific fix.
Current Status:
The original code snippet is no longer visible due to Shopify’s community platform migration. Later users cannot see the solution and are requesting the code again. Dan-From-Ryviu offered to provide updated code if users share their store links.
Key Takeaway:
While a CSS solution exists for this customization, the specific code needs to be re-shared due to platform changes.
1 Like
thank you very much kind sir
Hi, I implemented this code on our website as well, but on mobile, it needs a bit more padding since we have an announcement that stacks.. do you know what code I can use that would optimize it for mobile as well? https://simplyorganicbamboo.com/
Thanks!
No worries. I think I figured it out. It’s live now.
what was the answer?
Shopify changed the source of the community, so the previous code has been hidden. You can share the link to your store so I can give the code again.