Trying to add shadow to Header

[Deronda]

Hi!

I’ve tried numerous ways to add a shadow to the header and it is just not working. I can get the border color to change, just not a shadow effect. I’ve seen in other threads where code was added to something like flat_responsive_header-shadow; but that didn’t work either. I’m also using the sticky menu.

.flat_responsive_header-shadow {
border-bottom: 4px solid #ff6600;
-webkit-box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
-moz-box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
}

[Sushil Adhikari]

Hi there,

It seems there is problems on css selector , it should be .flat_responsive_header. It should be as following:

.flat_responsive_header {
border-bottom: 4px solid #ff6600;
-webkit-box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
-moz-box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
box-shadow: 0px 15px 15px 0px rgba(79,79,79,1);
}

Let us know if we are understanding fully or perhaps this is not what you meant for.

Thanks

[Author]

Posts