Can someone assist me with removing the top box-shadow in CSS? Check out the image for reference:
You can view a live demo here: www.hobbu.org
Below are some code snippets:
HTML
<nav>
<ul class="container_12">
<li><a href="#">Home</a>
<ul>
<li><a href="#">Support</a></li>
<li><a href="#">Einstellungen</a></li>
<li><a href="#">Ausloggen</a></li>
</ul>
</li>
<li><a href="#">Community</a></li>
<li><a href="#">Extras</a></li>
<li><a href="#">Shop</a></li>
</ul>
</nav>
CSS
nav {
width: 100%;
height: 50px;
background-color: #fff;
position: relative;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
}
// Rest of the CSS code goes here...
I have already adjusted the dropdown z-index, but the issue persists as both the navigation and dropdown menus have the same box-shadow style.
Please excuse any language errors, English is not my native tongue.