Remove white space at the bottom

[Louay Ali]

Hi,

I have set a background picture for a page but i don't know why whenever i scroll down to the end of the screen i get the white space at the end of the screen, even though there is no footer, i have removed the footer through JS.

Please help.

[Evgene Karachevtsev]

Louay,

could you please clarify, do you use any css rule for your background image?

[Louay Ali]

Hi,

Yes i use css within the JS file of the page, here is the code :

Code: Select all

     Apperyio('mobilecontainer').css('background-image','url("-------")','no-repeat'); 

      Apperyio('mobilecontainer').css('background-size','cover'); 
      Apperyio('mobilecontainer').css('-webkit-background-size','cover'); 
      Apperyio('mobilecontainer').css('-moz-background-size','cover'); 
      Apperyio('mobilecontainer').css('-o-background-size','cover');

[Yurii Orishchuk]

Hi Louay,

I tried following CSS code and it works correctly without footer for this page.

#test_mobilecontainer{
/* you should change "a_01.jpeg" with file name you need. */
background: url(../../../../files/views/assets/image/a_01.jpeg) no-repeat;
background-size: cover;
}

Regards.