title: CSS Drop down menu on mobile. how to get around :hover
body: <p>I've had a search and I couldn't find anything &amp; also it's my first time using the site so hope it hasn't been asked. </p>
  
  <p>I've run into a situation. I'm by no means an experienced website maker. I'm learning as I go. I have a CSS drop down menu that works fine on desktop browsers. When I get into the realm of mobile I encounter a problem, namely that <code>:hover</code>doesn't work (obviously).</p>
  
  <p>I found this : <a href="http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly" rel="nofollow">http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly</a> but I can't get the ruddy thing to work. </p>
  
  <p>The page in question I'm applying it to is here : <a href="http://www.inkslinger.co.uk/calibre/index.html" rel="nofollow">http://www.inkslinger.co.uk/calibre/index.html</a> I really can't work this out and its driving me absolutely batty. Any help would be really appreciated.</p>