I've installed Jetpack and enabled the automatic mobile site. However when I look at the site on an iPhone the blog posts, images and even the jetpack created menu bar are tiny. They take up only about 2/3 of the screen (this is the same when I turn the device to landscape). When I double tap the screen, it zooms in to fill the screen but when you try to scroll down the page wobbles all over the place because of the excess space to the right of the content.
The site resizes properly when you click on an individual blog post so it seems to only affect the main pages of the site where the blog posts are all shown. (We don't use excerpts just full posts)
I'm using a very simple child theme for the 2012 wordpress theme.
Any thoughts on how to make the mobile version of the site fit to the device screen?
You can see the site here: http://www.junelion.com/blog