title: Mobile view gets smaller after pageload
body: <p>I've got a little problem with one of the sites I've developed. The problem is quiet simple, however the solution seems to be a bit harder.</p>
  
  <p><strong>The problem</strong></p>
  
  <p>The problem is that the page is being rendered as it should be on a mobile device at first, but right after the pageload is finished, the page resizes to fit the viewport. Nothing strange, this happens at almost every non-responsive website. But the strange thing is that only 75% of the available width is being used.</p>
  
  <p>I already compared the based/sliced version of the design with the production version. The based version does render as it should (100% width). I've tried to spot the differences in the CSS, but I can only find a couple, I tried resetting those, but that didn't work.</p>
  
  <p>Also, I've tried to disable the javascript (it's only Lightbox and 1 JqueryUI "AddClass" effect). The javascript effect has only 1 task: after pageload the header will be resized from 480px to 220px height. There are no changes being made to the width of any element on the page.</p>
  
  <p>Last but not least I started Adobe Edge Inspect and took a look on the pagesource of the mobile device. But unfortunately I can't spot any element on the page that exceeds the width of the "body" tag. The only one exceeding the width is the header image, but the image is within a div (100% width) with <code>overflow:hidden</code></p>
  
  <p><strong>Based and production version</strong></p>
  
  <p>If anyone would be so kind to take a look at what messes up the rendering, that would be awesome. I can't seem to find out what is causing the issue.</p>
  
  <p>Based (working): <code>http://www.nambi.nl/lefunq/</code>
  Production (rendering at 75% width on mobile): <code>http://www.lefunq.com/_index.php</code></p>
  
  <p>Thanks to everyone who takes the time to look into this issue.</p>