title: Add shadows in the dropdown menu
body: <p>i am trying to add shadows at here: <a href="http://prntscr.com/eiyg7i" rel="nofollow noreferrer">http://prntscr.com/eiyg7i</a></p>
  
  <ul>
  <li>But i cant figure that out. </li>
  </ul>
  
  <p>I've added this code: </p>
  
  <pre><code>.nav-dropdown {
      box-shadow: none;
  }
  </code></pre>
  
  <p>but it just make the box shadow to none. </p>
  
  <p>Edit: i have added this code</p>
  
  <pre><code>.nav-dropdown {
  -webkit-box-shadow: 2px 6px 21px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 6px 21px -2px rgba(0,0,0,0.75);
  box-shadow: 2px 6px 21px -2px rgba(0,0,0,0.75);
  }
  </code></pre>
  
  <p>but it still gets wrong <a href="http://94.247.169.169/~welloteket/" rel="nofollow noreferrer">http://94.247.169.169/~welloteket/</a> - it still get shadows here at the top</p>