title: Website Changes Size on Browser but not on Mobile Device
body: <p>Take a look at my previous question to have a basic understanding of what I'm doing <a href="https://stackoverflow.com/questions/19885943/changing-the-css-of-div-2-and-3-only-if-div-1-is-below-a-certain-resolution">HERE</a>.</p>
  
  <p>I have created <a href="http://jsfiddle.net/kfgMf/" rel="nofollow noreferrer">THIS</a> basic template with the help of <em>stackoverflow</em> members.</p>
  
  <p>As you can see, when you re-size the window down to <code>480 pixels</code>, the website changes to fit the device, however, when i try this on my iphone, it still shows the original website. How can i fix this problem? Am I missing something? </p>
  
  <p><a href="http://jsfiddle.net/kfgMf/" rel="nofollow noreferrer">CLICK HERE FOR THE WEBSITE HTML/CSS</a></p>
  
  <p>Help will be appreciated. </p>
  
  <p><strong>THE WEBSITE NOW WORKS THANKS TO THE ANSWER BELOW.</strong></p>