jQuery底部的移动空白

Question

i am developing a mobile application with jquery mobile, when i test on a desktop it comes out properly. but when i test on a mobile device its shows a blank white space at the bottom, and i have no footer, so i am surpised, also whenever i use my menu icon to triger my panel a second time it affects the look of my panel,

screen shot:

I use a tekno mobile android android 4.2.2

This is the url to my app.

I would really appreciate any help on this as it is breaking my app

Answer 1

i finally found away around, this helped

data-position="fixed" for my header

Thanks every one, i do appreciate ur contributions.