How to apply CSS drop shadow to navigation dropdown?

Store Design
1

Hi, I have successfully styled the Debut Theme navigation text to add a drop shadow. This works great except it does not apply the shadow to a dropdown (please see image below). Can anyone please help?

Screenshot from 2022-01-22 13-20-08.png
Screenshot from 2022-01-22 13-20-08.png1007×128 42.3 KB

I need the shadow applied to the “shop All” dropdown link please?

2

@drewibbo
Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi,

its: l-p-vintage.myshopify.com

Password: dielia

4 
span.site-nav__label {
    text-shadow: 2px 2px 8px #000000 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
}

@drewibbo

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/theme.css or theme.scss ->paste below code at the bottom of the file.
5

You, my friend, are a lifesaver. Thank you so much.

1 Like
6

@drewibbo

if helpful kindly like our Solution. if you need any more help let me know. We are always happy to help you.