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
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.
@EmilSinding Please provide website url.
Password: sinding
password: sinding
pass: sinding
This site can’t provide a secure connection
adamocph.com uses an unsupported protocol.
Please go to
- Online store
- Themes → Edit theme
- Layout
- theme.liquid and paste this code before
