Dawn - Make header background turn black when scrolling down

Store Design
, , ,
1

My site: etherealoasis.co

My theme: Dawn

I want to keep the header transparent when scrolled all the way up, but would like for it to turn black when you scroll down. Also, is there a way to make it stay at the top when you scroll down? The way it works now, you have to scroll down and then scroll back up to get it to show up.

Thanks in advance for any help!

2

Hello @spacetimerider

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

1 Like
3

Worked great. Thank you!

4

I do appreciate your compliment :heart_eyes: !