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

New Member
6 0 0

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:

And this is our website with the fixed and transparent header: 

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.

Reply 1 (1)
Shopify Partner
364 38 39

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

~ Did I solve your issue? Kindly like and accept my comment as the solution.
For custom theme development and solutions, kindly send me a message.