Archived topic
Shadow effect second nav
7 replies · Started by Karim on September 15, 2016
Hello Tom,
I'm having trouble getting a shadow effect on the bottom of the second navigation, which i use as a topbar.
The box-shadow css i apply works for every element on the site, including the main navigation, but only the second nav is giving me trouble.
Can you please help?
Here's the link:
http://webshop.primemedia.nl/
Thanks in advance sir:)
What CSS are you using? I'm not seeing any shadow CSS added to the secondary navigation.
Hey Tom,
I deleted it.
I tried several. Like these below:
#secondary-navigation.secondary-navigation{
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
And i also tried #secondary-navigation alone and .secondary-navigation alone.
Can you re-add it so I can see which part isn't working?
done
Looks like the shadow is hidden behind the header.
Try adding some margin below the navigation:
.secondary-navigation {
margin-bottom: 10px;
}You are boss!!
Thanks again;)
You're welcome :)
