how to fix the Sticky Header + Sticky Announcement Bar Dawn Theme on Shopify Store

1- Go to the online store > Theme >Edit Code

change menu on shopfiy store

2- Assets >base. css

add CSS code to shopify store

3 – Add code at the bottom.

sticky-header#Top_Header {

    position: fixed;

    top: 37px;

    z-index: 1;

    width: 100%;

}

.announcement-bar {

    position: fixed;

    z-index: 1;

    width: 100%;

    top: 0;

}

and click Save

and the Announcement Bar Will look like this :

Sticky Header + Sticky Announcement Bar Dawn Theme shopify

Leave a Comment