I added an announcement bar with a 3rd party app called Announcement Bar & Web Push, and I followed this guide for having a sticky navigation menu. It works great but, sometimes, when the Announcement Bar loads, it pushes the navigation down leaving a gap between announcement bar and header, and I can see what's beneath that gap when I scroll. How can I correct that?
If I make the announcement bar non sticky, then when I scroll the gaps is between the top of the page and my header. This doesn't always load like that, sometimes it works just fine, but I don't know how to solve this.
The reason I'm using a 3rd party announcement bar is because it contains a slide and animated bar.
Announcement bar is coming from third party app, So JS code takes time to load when coming from third party, It would be better if you can create your own announcement bar rather then getting it from app. Hope it help ! Please let me know if you need any help.
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Thanks and Regards