How can I create a transparent header on Refresh theme?

Hello! I would like to have a transparent header on my website. Also when scrolling down I want it to become non-transparent (white) and I want to change the logo from the transparent header.

Website: https://prestige-straps-the-finest-selection-of-watch-straps.myshopify.com/

Password: asd321

Hi @kitchencrafted

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag



Hope this answer helps.

Best regards,

Victor | PageFly

Thank you for your reply, it works, but when you open the site it stays green untill your scroll down then it becomes transparent, then black. I’d appreciate it if you take another look. Thanks again!

I have checked your header again and when I go to the page the header will be transparent and when scrolling down it will show black, have you fixed it?

Yes