Full screen background image without header and footer

I intend for a background image on a page to occupy the whole area including that covered by header and footer. The following code still results in blank stripes on top and bottom of screen where the header and footer are positioned by default in Appery. I have set the padding of mobilecontainer to all zeros.


Appery("mobileheader").hide();
Appery("mobilefooter").hide();
$('div[dsid="mobilecontainer"]').css('background-image', 'url('+Appery.getImagePath('launch_image.jpg')+')');
$('div[dsid="mobilecontainer"]').css('background-size','100% 100%');


Any suggestions on how I may achieve what I need?
Regards.
1 person has
this question
+1
This topic is no longer open for comments or replies.