Website showing small on iPhone

Question

I've developing a store on eBay and having trouble with it on iPhones...

It seems to be nicely responsive in a normal browser, but when I view it on an iPhone it only takes up about half of the screen...

Is there something I'm missing?

The URL is http://stores.ebay.co.uk/the-biggest-toy-store

I've added a viewport tag like this:

<meta name="viewport" content="width=device-width, initial-scale=1">

Thanks!

Answer 1

A few things I noticed in your site, remove the min-width: 760px from your .stBadge (in your media query only). That will help get the footer within the screen boundary. There is also some kind of border up top that has a wider-than-screen width, possible the #gh-top div... but that may be fixed once the other is.

Answer 2

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

in your index.html page and it should work