Can I make a transparent image header that changes when scrolling?

[S2B237]

Hello,

I have seen many discussion posts about this, but the code hasn’t been perfect so I wanted to write and ask personally. I was wondering if the banner could be transparent with an image when one is viewing the website at the beginning, but as one scrolls down, the banner is no longer transparent. Something similar to the link below.

https://soleilsoleil.com.au/

If this is possible please let me know,

Thank you

the link to my store is swear2bears.shop

[Dan-From-Ryviu]

Hi @S2B237

You can do that by following this:

• Go Online Store > Themes > Edit code
• open theme.liquid file, add this code after

{% if template == 'index' %}

{% endif %}

And make sure you go to Online Store > Themes > Customize > Header > Sticky header, select Always