Turn Impulse header from transparent to solid white when hovering

Topic summary

A user wants to modify their Shopify Impulse theme header to change from transparent to solid white when hovering, matching the mega-menu style below it.

Current Issue:

  • The header should turn white on hover to match the mega-menu
  • A gradient or shadow effect is creating an undesired appearance
  • The user also wants to remove the soft shadow around the mega-menu dropdown

Progress Made:

  • Website URL provided: https://www.adamocph.com/ (password: gnidnis)
  • A CSS solution was offered by another user to be added in the theme.liquid file before the tag
  • The initial CSS partially worked but revealed an additional gradient/shadow issue

Status: Ongoing - the basic functionality is working but visual refinements are still needed to remove unwanted shadow effects.

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

I want the header to be white like the mega-menu below, as shown here.

Other than that id like to remove the soft shadow around the mega-menu dropdown as show below

@EmilSinding Please provide website url.

www.adamocph.com

Password: sinding

www.adamocph.com

password: sinding

adamocph.com

pass: sinding

This site can’t provide a secure connection

adamocph.com uses an unsupported protocol.

https://www.adamocph.com/

Please go to

  1. Online store
  2. Themes → Edit theme
  3. Layout
  4. theme.liquid and paste this code before

Thank you so much, we are getting there, but there is some kind of gradient or shadow making it look wierd. I think its the same shadow that i want removed from the megamenu.