Can you code an overlay header in Dawn theme?

Technical Q&A
1

Is there coding to do an overlay heading in Dawn? I have not been able to find any.

2

This is PageFly - Free Landing Page Builder.

Is that you are referring to the transparent header and sticky scroll header. Will make the effect overlap on the page right?

Step1: Online store > Themes > Edit code > search for your theme file base.css

Step2: Paste the code to the end of the file

.header-wrapper {position: absolute;background: transparent;width: 100%;}
.shopify-section-header-sticky .header-wrapper {
    background: #B29B79;
}

Hope this helps.

Best regards,

PageFly

3

Hi @Michele113 ,

Yes, it can be done using custom code, you can check this documentation below for more details:-

https://www.w3schools.com/howto/howto_css_overlay.asp

All the best,

CedCommerce