How to remove box shadow from the dropdown menu Dawn theme

[kaylaemcfadden]

Hello, I was able to code my store so that the navigation/menu was transparent, but there is still a slight shadow and outline that appears in the dropdown menu. How can I remove this?

Thank you.

[ThePrimeWeb]

Hey @kaylaemcfadden ,

Can I have the link to your store please? Thanks!

[niraj_patel]

Hello @kaylaemcfadden
Can you share store URL?

[diego_ezfy]

@kaylaemcfadden

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

header-menu > * > ul{
    box-shadow: unset !important;
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[kaylaemcfadden]

Hello, yes its lolaatelier.fr

[ThePrimeWeb]

Hey @kaylaemcfadden ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

I noticed your header once you scroll down is fully white and you can’t see anything. You can follow the same steps above and fix that by adding the code below, if you want to.

[kaylaemcfadden]

Thank you so much! The first code worked. I’m still working on my sticky header but thank you!

[leticiahomeware]

Hi

I need help with my drop down menu, it casts a pink shadow over the main image page every time the menu drop down is selected, how do I get rid of that? I’ve tried setting all shadows for drop downs to 0% already, problem still exists.

[ThePrimeWeb]

Hey @leticiahomeware ,

Can you share the link to your store?