Here's what I think I know...
The widest style.css div is 940
The ipad is extending the background to 1080 on the right side
This causes horizontal sliding that shouldn't be there
I tried making overlap x hidden in the css for body
I also tried this in function.php
<meta name="viewport" content="width=940, user-scalable=no" />
<meta name="viewport" content="width=device-width" />
Nothing seems to remove the extra background from the template for the ipad. This issue doesn't show up on my PC.