Streaming live at 10am (PST)

Apply shadow to only 3 sides of div?


#1

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.


Here is my site Read-Only: LINK
(Read only)