Archived topic
CSS Drop Shadow for Navigation CSS Not Working
9 replies · Started by Sean on September 18, 2017
Hi,
I've tried adding a drop shadow effect for navigation menu by following this thread https://generatepress.com/forums/topic/shadow-under-nav-bar/page/2/ but it does not work for me I've tried changing it to sticky but still no luck.
Am I adding the CSS in the correct section? screenshot https://prnt.sc/gmurbm
Thanks,
Sean
Hi Sean,
Can you provide a link to your site? Thanks!
That CSS is for the sticky navigation, which you don't seem to be using.
Try changing nav#sticky-navigation to #site-navigation.
Still no change, my site is set to sticky + static navigation.
Add this as well:
#site-navigation {
position: relative;
z-index: 1;
}Thanks! It seems to have worked, now how do i change so it is just a subtle dark shadow that runs directly parallel underneath the navigation header?
At the moment it is a big ugly purple shadow that partly runs underneath and also cuts the right side of from the rest of the header.
Try this: https://www.cssmatic.com/box-shadow
Great tool! thanks very much all working now!
No problem!
