How do I make Announcement bar and header sticky in dawn theme?

Store Design
, ,
1

I googled and everywhere it says there should be an option inside customize but its not there in my case. I tried editing the css but no luck either.

https://zi61rz-vh.myshopify.com/

2

@tndgarage - what is the password to view page?

3

behawy

4

@tndgarage

please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media screen and (min-width:1199px){
.announcement-bar-section{position: fixed;  width: 100%;}
.section-header {position: fixed !important; top: 35px !important;}

#MainContent{margin-top: 200px;}
}
5

Hi @tndgarage

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.announcement-bar-section {
    position: fixed !important;
    width: 100% !important;
}

sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom {
    margin-top: 39px !important;
    position: fixed !important;
}

main#MainContent {
    margin-top: 179px !important;
}

Result

DaisyVo_0-1745027379107.png
DaisyVo_0-1745027379107.png1652×1079 243 KB

Best,

DaisyVo

6

ty so much

7

Thank you so much