Remove Overlay Shadow from Expanse Theme Transparent Header

[Ked]

I need Help removing this overlay shadow from the transparent header.

https://cytjyxmtmvbocgig-50820350128.shopifypreview.com

[GTLOfficial]

Hello @Ked
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> components.css
add this code at the end of the file.

.header-wrapper--overlay.is-light::after {
background: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Moeed]

Hey @Ked

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @Ked

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, addf this code and save

.header-wrapper--overlay.is-light:after {
background: none !important
}

[Tech_Coding]

Hello @Ked

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

header-nav#HeaderWrapper::after { background: unset !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[dws_pvt_ltd]

Hello @Ked Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on “Themes”
3. Select “Edit code”
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can’t find your custom CSS file, open base.css" OR “theme.css”.
6. Add the following code at the end of the file.

.header-wrapper--overlay.is-light:after {
  background: none !important
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.