Sticky Annoucement Bar on Theme - Not sticky on mobile

Shopify Discussion
7

I’m having the same issue, I’ve tried a variety of codes, the code below works perfectly for desktop, but not mobile.

I’ve attempted to include media codes, but no luck. I’ve tried all the codes above, but no luck. Please help :slightly_smiling_face:

.announcement-bar-section {
position: sticky;
top: 0;
z-index: 20;
}
.section-header {
position: sticky;
top: 37px;
width: 100%;
z-index: 20;
}

.shopify-section-header-sticky{
box-shadow:0px 5px 5px rgba(0,0,0,.5);
}
@media screen and (max-width: 425px){
.is-moved-by-drawer {
top: 0px !important;
}
.main-content{
margin-top: 0px !important;
}