How to make a fixed header transparent just in the first 10% of the homepage.

[esbasics]

Hi, we are using the ‘craft theme’ for our Shopify store and we are wondering if anyone can help us in making our HOME PAGE header fixed and transparent only in the first 10% of the page. Exactly like this header: somstudios.com

And this is our website with the fixed and transparent header: https://g9lcs84kh2nmeuuv-62201692347.shopifypreview.com 

We would like to make a fade to black header when the user scroll down like 5-10% of the page and in reverse, when the user go back to the first 10% make a fade to transparent header. 

Please we would appreciate any help.

[lunaworks]

Hi there, your preview link has expired, can you provide a new one so your store can be checked?