How can I have the header fill in on a scroll down? DAWN THEME

Store Design
,
1

Hey there,

Website is: www.renssnce.com

On the home page as you can see the header is translucent. But once you start scrolling down it stays that white and is hard to see. How can I make it so that once a user scrolls past some number of pixels or past a section, it turns to black? So that its easy to read.

Thank you :heart:

1 Like
2

Hey @renssnce

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1731564614731.png
Moeed_0-1731564614731.png1910×919 63.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @renssnce ,

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

4

Thank you sir I greatly appreciate it, have a good rest of your day