How can I make my announcement bar sticky with the header?

[9INE]

Hi, I am trying to make my announcement bar sticky with the header but I've tried everything and can't figure it out. The header is sticky but I want the announcement bar to also be sticky with it. Would greatly appreciate it if you know how to get this done. Site is shopworms.com

[Dan-From-Ryviu]

Hi @9INE 

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code before </head> tag

<style>
#shopify-section-sections--20163871736081__announcement-bar {
    position: sticky;
    top: 0px;
}
#shopify-section-sections--20163871736081__header { top: 42px; }
@media(max-width: 767px) {
#shopify-section-sections--20163871736081__header { top: 50px; }
}
</style>

[9INE]

 

worked for desktop, but not mobile. There is a space between the announcement bar and header.