title: CSS Dropdown Nav, Show on Click instead of Hover
body: <p><a href="https://jsfiddle.net/ax92n1hq/3/" rel="nofollow">https://jsfiddle.net/ax92n1hq/3/</a></p>
  
  <p>This navigation works exactly how I want it to on the normal size screen.  However, inside...</p>
  
  <pre><code>@media screen and (max-width: 640px)
  {
      ....
  }
  </code></pre>
  
  <p>I can't seem to figure out how to get the dropdown to show on-click instead of on-hover.  I am 99% sure this is possible in CSS.  I saw someone ask this before, and got an answer.  But now that I need to implement, it, I can't find that post again.</p>