How To Turn Transparent Header White While Scrolling Down

Store Design
, , , , ,

Topic summary

A user is seeking help to modify their store’s header behavior during scrolling. They want to:

  • Change the transparent header to white when users scroll down the page
  • Switch menu item text color from white to black during this transition

Store Details:

  • Theme: Dawn
  • Reference example provided: faithandyou.www.in
  • Target appearance: bellaviataorganic.www

This is a CSS/HTML customization request for the header navigation. The user is looking for technical guidance to implement a sticky header with dynamic color changes based on scroll position.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello Support Team,

Can anyone pls tell me how to turn transparent header white while scrolling down + change the white menu item texts into black.

My Store: www.faithandyou.in

The Store I Want My Header To Be Like: www.bellavitaorganic.com

Theme: Dawn