Footer area on mobile disaply

Hey orhila,

Can you provide a link to the site/page in question so we can look into this issue further?

Best regards,
Jordan Shannon

Hi,

Apologies, I see the url on the screen. Try this in quick css:

footer .container:after{
display:none!important;
}

Best regards,
Jordan Shannon

Hi orhila,

Can you disable caching and minification for now?

Best regards,
Victoria

Hi orhila,

This code added somewhere on the website is adding padding at the bottom for the body tag. Please check your css for that code.

Best regards,
Victoria

Hi orhila,

It is not added by the theme.

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria

Hi orhila,

The code can be added by some plugin, I did not see it anywhere, here is the css to override it:

@media (max-width: 1024px) {
    body#top {
        padding-bottom: 0px;
    }
}

If you need further assistance please let us know.
Best regards,
Victoria

Shalom,

Thank you for writing to us.

Whenever the page content is shorter than the page the footer fills in the gap. To avoid this you can simply use a ColorSection element with 100% height and add your content inside it or set background image to the Color section itself.

I have created a private test page please check it out :)
If you like to have a different background image in mobile please check the docs.

Let us know if you have any question :)

Best regards,
Vinay