title: turn large navigation into a drop down for mobile devices
body: <p>I'm building a responsive website at the moment and the main site navigation contains 10 links. I've seen a few sites that compress their navigation into a simple drop down select menu when the screen size gets below 480px, but I can't find any tutorials out there that explain how to do this - apart from the CSS Tricks one here:</p>
  
  <p><a href="http://www.css-tricks.com/convert-menu-to-dropdown/" rel="nofollow">http://www.css-tricks.com/convert-menu-to-dropdown/</a></p>
  
  <p>I've tried this tutorial but not had any success with it as I implemented the code and yes I get a lovely menu on the iPhone, but the links don't work and clicking on it makes the page zoom in which is not desirable as this doesn't happen when I don't have the menu in place.</p>
  
  <p>I'm looking for something simple like used on these websites:</p>
  
  <p><a href="http://www.hanselman.com/blog/" rel="nofollow">http://www.hanselman.com/blog/</a></p>
  
  <p><a href="http://www.lancs.ac.uk/" rel="nofollow">http://www.lancs.ac.uk/</a></p>
  
  <p>anyone?</p>