title: Items in drop down are not clickable
body: <p>I did some searches on the matter but seem to receiving mixed answers and I'm not entirely sure how to go about this given my limited coding knowledge.</p>
  
  <p>I downloaded a website template called Brushed by Alessio Atzeni (mentioned for easier reference). The template is fantastic but unfortunately it does not come with dropdown functionality so I looked up a couple of tutorials and have managed to create my own.</p>
  
  <pre><code>&lt;div class="sticky-nav"&gt;
      &lt;a id="mobile-nav" class="menu-nav" href="#menu-nav"&gt;&lt;/a&gt;
  
      &lt;div id="logo"&gt;
          &lt;a id="goUp" href="#home-slider" title="rando"&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;nav id="menu"&gt;
          &lt;ul id="menu-nav"&gt;
              &lt;li class="current"&gt;&lt;a href="#home-slider"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#intro"&gt;Intro&lt;/a&gt;&lt;/li&gt;
  
              &lt;li class="dropdown"&gt;&lt;a href="#services"&gt;Our Services&lt;/a&gt;
      &lt;ul id="menu-nav-dropdown"&gt;
      &lt;li&gt;&lt;a href="xxx.html"&gt;Social Media&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="xxx.html"&gt;Graphic Design&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="xxx.html"&gt;Development&lt;/a&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#social-area"&gt;Blog&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the HTML for index.html for the navbar, when I hover over "services" the dropdown appears and each individual element highlights as a result of me hovering but when I click it nothing happens. However, if I right click and "open in new tab" that proper page is generated.</p>
  
  <p>I chose not to include the CSS to prevent cluttering the post, but if you need any other information I'll gladly provide it as soon as possible. Does anyone know what the issue might be? Thank you in advance.</p>
  
  <p>EDIT: here is the <a href="http://jsfiddle.net/tuvon83p/1/" rel="nofollow">http://jsfiddle.net/tuvon83p/1/</a> it doesn't look good at all but I believe the functionality is there and working properly (you just need to hover over to the right to see the links because there isn't a background).</p>