I disabled tap toggle in jquery mobile as follows.
$(function(){
$('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false });
});
Following the Q at Jquery mobile: Disable "tap to toggle" fixed header and footer
Now My content is clipped by header.Looking for a solution.
By default jquery mobile automatically counts page padding. So it seems that it’s incorrect for your page, that’s why content is under the header and it looks clipped.
You can disable auto update of page padding by JQM and set it by your own. Look at updatePagePadding property here: http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
Also it’s needed to make a fix, described here: https://github.com/jquery/jquery-mobile/issues/4223
Regards.