[Resolved] Shadow effect second nav

[Karim]

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:)

[Tom]

What CSS are you using? I’m not seeing any shadow CSS added to the secondary navigation.

[Karim]

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.

[Tom]

Can you re-add it so I can see which part isn’t working?

[Karim]

done

[Tom]

Looks like the shadow is hidden behind the header.

Try adding some margin below the navigation:

.secondary-navigation {
    margin-bottom: 10px;
}

[Karim]

You are boss!!

Thanks again;)

[Tom]

You’re welcome 🙂

[Author]

Posts