So I have a nav bar with drop down buttons. my nav bar has a shadow on it and I would like for my dropdown menus to also have shadows. Problem is that the shadow I add to the drop down also extends over my nav bar button. I can move the shadow a distance, but I have to move the shadow too great of a distance for it to not appear in the nav bar to where it no longer looks good. I also had no luck with putting the nav bar above the z-index of the shadow. I attached an eddited photo of what I would like for it to look like. I would greatly appreciate any help.
2 years later and I’m having this same issue.
I tried making a div with position absolute (take up the whole drop down area) and z index -999 but still no joy.