Any ideas? I have no idea where to start looking, since I'm not sure how the ScientaMobile framework works.

This is getting really frustrating. I know it's a free product, but I would certainly be willing to pay/donate for good support.

At this point I have disabled almost everything on the site (plugins and components) with no change. Although I noticed that when you navigate to the site in landscape, the site shows up in portrait with black on the right side to fill the space.

I really need your help because I am at a complete loss right now and this site needs to go live on the cilent's domain asap. This is the only thing holding us back.

The problem is that we cannot reproduce this issue.

Actually, it's possible get similar screenshots if we rotate device during page loading, but it is changed to correct look after all page's css and js files are loaded (it takes about 2-3 sec on my phone).

So my site on your device looks fine?

I've tried it on 3 different iPhones and it is like that on all of them. Are you navigating while in Landscape?

Yes, we tested it in iPhone 4S and alternatively in HTC Wildfire S (by using ?device=iphone parameter to switch your site to iPhone mode).

So I understand that it's hard to figure it out if you can't reproduce the issue, but are there any extensions that are known to have issues with Mobile Joomla? I can compare to what I have on the site and see if it helps. Otherwise I'll have to scrap the whole thing and start over.

The only idea is that issue is related to loaded javascripts that are quite heavy for mobile browser (because of iphone version of your site works fast in desktop browsers and has evident delay in mobiles).
And you have two plugins that load javascripts: Cdscriptegrator (actually, it just rearrange loading of jQuery by other extensions) and AvReloaded. As jQuery works well on mobiles (we know it because of our Elegance template uses jQuery Mobile), I'd try to disable AvReloaded plugin and test again.