How can I change the color of my header logo on different pages?

Topic summary

Shop setup on Shopify’s Dawn theme with a translucent header and a white logo. Custom code was added to invert header colors on scroll, which works correctly on the homepage.

On other pages (e.g., Buy Now, Our Story), the logo remains white against the translucent header, making it effectively invisible. The color-reversal behavior applied on the homepage does not carry over to inner pages.

Request: Guidance on how to ensure the logo color changes appropriately across all pages, not just the main page. No code snippet or theme settings were shared; behavior is described only.

Outcome/status: No solution provided yet; issue remains unresolved and open.

Summarized with AI on January 13. AI used: gpt-5.

Please change the Color of the Logo on the header. Hello, I’m building a new product website. On my store, I’m running the Dawn theme. My logo is white, and I made the header translucent using some self-written code. After studying, I added some code to reverse the color as I navigated down. This looks great on the main page. But the logo stays white and is hidden when I navigate to any other page (buy now, our story, etc.). I would appreciate some guidance on this matter, as I have been attempting to solve it for hours. Regards