[Resolved] Navigation bar bottom shadow (Static and Sticky)

[Rob Cruz]

Hello!

So I added this CSS to achieve the shadow:

#site-navigation {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}

I found that css code on here and it seemed to work for others but not on my site. I wonder why? The shadow doesn’t extend all the way the navigation bar. I wanted it to look like this.

What changes should I make? Thank you.

Rob

[David]

Hi there,

try this CSS instead:

#masthead {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}

[Rob Cruz]

Thanks David, it worked! It also works on sticky navigation as well, in case others are wondering.

[David]

Glad to be of help

[Author]

Posts