Funny "pic" in front of my site on phone

Hi all,
New to mobilejoomla and as im trying to figure out, I notice that when i go to my site on my iphone, there is some funky gray box in front of my site page. Picture is attached.




Any ideas? No matter what I change in the settings I have this box. 

also, I see their is a mobilejoomla template for Kunena. Is there a way to use my normal template on desktop but force another template when on a mobile device?

Thank you

It's because of conflict of jqtouch css styles and facebook chat ones.

Create file templates/mobile_iphone/css/custom.css (if not exists) and add following css rules:

body>*{min-height:0!important}
body>div.current{min-height:420px}

Ok Ill try and let you know.

I did in fact try on an android and a crapberry and it doesnt do it on those..just iphone.

Thank you

Edit:

you rock. That worked liked a charm. Thank you

ok that worked..but now on my PC version I have a big gray bar across the top of the screen. I have mobilejoomla and elegance template installed

This is fixed.