Turn Impulse header from transparent to solid white when hovering

[EmilSinding]

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

[Hardik29418]

@EmilSinding  Please provide website url.

[EmilSinding]

www.adamocph.com

Password: sinding

[EmilSinding]

www.adamocph.com

password: sinding

[EmilSinding]

adamocph.com

pass: sinding

[Hardik29418]

This site can’t provide a secure connection

adamocph.com uses an unsupported protocol.

[EmilSinding]

https://www.adamocph.com/

[Hardik29418 · Accepted solution]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
#HeaderWrapper, #HeaderWrapper .site-nav > *, #HeaderWrapper .site-nav__icons > svg {
transition: 0.5s;
}

#HeaderWrapper:hover {
background-color: #ffffff;
}

#HeaderWrapper:hover .site-nav > *, #HeaderWrapper:hover .site-nav__icons > svg {
color: #000000;
}

.site-nav__dropdown {
box-shadow: none;
}
</style>

[EmilSinding]

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.