Help our Header logo color is not changing When Scroll and Hover.

Shopify Discussion
,

Topic summary

A Shopify store owner reports that their header logo color-changing functionality has stopped working, possibly after installing a countdown app.

Expected behavior:

  • Header should be invisible with white logo at top of page
  • When hovering or scrolling down, logo and header text should change from white to brownish color

Current issue:

  • Hover functionality still works correctly
  • Scroll-triggered color change is broken

The user has provided screenshots showing the correct hover state versus the malfunctioning scroll behavior. They suspect the issue began after adding a countdown app to their store. No solutions or responses have been posted yet.

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

Hello dear friends,

This used to work before put somthing has happend, since we addad an countdown app. =(

Like I had before was that the header to be invisible (with a white logo when i’m at the top of the page), but when i hover on it or scroll down, the header logo and header text change color from white to the brownish.

I thank you in advance for helping me !

website: www.lilla-varlden.se

correct

Skärmavbild 2024-11-01 kl. 13.51.13.png
Skärmavbild 2024-11-01 kl. 13.51.13.png1072×235 183 KB

hover and still correct

Skärmavbild 2024-11-01 kl. 13.51.17.png
Skärmavbild 2024-11-01 kl. 13.51.17.png1089×419 337 KB

But error on scroll

Skärmavbild 2024-11-01 kl. 13.51.25.png
Skärmavbild 2024-11-01 kl. 13.51.25.png1072×397 121 KB

1 Like