How to code a transparent and sticky header on Dawn 9.0?

Store Design
,
1

We’re struggling with coding the header to be transparent and sticky on Dawn 9.0. We have this working on previous versions & releases.

Any assistance would be greatly appreciated!

2

Hi @CTCreative

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

Appreciate the help Richard - still no joy I’m afraid :disappointed_face:

4

Hi @CTCreative

Sorry to hear that, can you share with me your site URL and password if it is protected? I will check your structures and give a proper code.
Thank you

5

Hi Richard,

Feel free to use this

https://oxygen-breathwork.myshopify.com/

Password ‘yohlow’

Thanks for all your help

6

Hi @CTCreative

Here’s the code, please help me try again
7

Hi Richard,

Still no joy I’m afraid.

Craig

8

Hi @CTCreative

you can try again

Online Store ->Theme ->Edit code

Assets ->Base.css

sticky-header{
    background: transparent;
    position: fixed;
    border: none;
    width: 100%;
    top: 0;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly