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.

Hi,

I have just updated the Prestige theme.

I previously was given a code for a transparent header for scrolling and hovering on all pages, however, it’s not working with that code on the new update.

Can anyone assist?

Hi @RASROWEN

This is Noah from PageFly - Shopify Page Builder App

Please re-add the code you was given to your new theme, its seems the new theme haven’t had the code like the old theme yet, that’s why it’s not working

Or you can add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Noah | PageFly

Hey, thanks for your response.

It works for scrolling but not hovering.

Please find the link for the page: https://c64jantjt7thuygj-24956502104.shopifypreview.com

Please replace the code above with this new one


Hey, that didn’t work! It remained solid on hover and it changed the logo image and header proportions

https://c64jantjt7thuygj-24956502104.shopifypreview.com

This is without any codes

Hi @RASROWEN

Please add this code before tag in your theme.liquid file to make your header transparent


Hey, thanks for your help!

It’s working well. Can we make the writing stay white by any chance?

Updated preview: https://c64jantjt7thuygj-24956502104.shopifypreview.com

Can you let me know how exactly you want it to be?

Hi there,

Please add more this code