Hi,
I have already made my header navigation menu bar sticky. It scrolls just fine and does what I need it to do. However, I implemented code to make my announcement bar sticky too. They both scroll at the same time, but unfortunately, they’re not in sync. There is a gap. How do I adjust the code to make them scroll together and be connected rather than separated?
This code makes the announcement bar sticky. I added it at the footer of the base.css
/* Sticky announcement bar */
#shopify-section-announcement-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
#shopify-section-header {
padding-top: 38px;
top: 30px;
}