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

Store Design

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.
1

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?

2

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

PageFlyNoah_0-1694564749468.png
PageFlyNoah_0-1694564749468.png1920×963 222 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

Hey, thanks for your response.

It works for scrolling but not hovering.

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

4

Please replace the code above with this new one

PageFlyNoah_0-1694565792025.png
PageFlyNoah_0-1694565792025.png1392×963 156 KB

5

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

6

https://c64jantjt7thuygj-24956502104.shopifypreview.com

This is without any codes

7

Hi @RASROWEN

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

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

9

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

10

Hi there,

Please add more this code