We applied various ways to do so, like changes in css, script calculation, JQuerymobile centre function, reloading the pages etc. 
Most of the above implementations are working as expected in browser emulators but not on actual devices. 
When we browse the same either in tablet or mobile devices and change the orientation of the device from landscape to portrait and vice versa, the content does not stick at the centre but moves either at the bottom or top of the page. Completely random behavior.

Can anybody advise how to get rid of above problem? Any help would be much appreciated. It’s very urgent.