How can I fix my Prestige theme's transparent header hover issue?

Topic summary

A user updated their Prestige theme and lost functionality for a transparent header that previously worked on scroll and hover across all pages. The code they had been using no longer functions after the update.

Initial Solutions Attempted:

  • PageFly-Noah provided CSS code to add before the </head> tag in theme.liquid
  • First code fixed scrolling transparency but not hover behavior
  • Second code attempt changed logo proportions and kept header solid on hover

Working Solution:

  • Dan-From-Ryviu provided alternative CSS code that successfully restored the transparent header functionality
  • New issue emerged: header text color changes during interaction

Current Status:
The transparent header now works, but the user requests the text remain white throughout. Dan-From-Ryviu has offered additional code to address this final styling concern. The discussion remains open pending implementation of the text color fix.

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

Please replace the code above with this new one