Text on top of sticky footer

Hi Suport Team,

I have a sticky footer on: www.zaaldesign.nl/sabv but on mobile text scrolls on top of the footer i.o. behind the footer. How can I change this.

Thanks in advance for your help.

Best regards,
Jan Zaal

Hi Jan,

Fixed footer area will overlap content on some laptop screens also https://www.screencast.com/t/xUs5N7tO8JQ , since fixed positioning will do this, but if you are concerned about smaller screens only you can add additional css code within media query in order to target all screens up to 768px resolution and to revert positioning like this:

@media screen and (max-width: 768px) {
    .site-footer {
        position: relative;
    }
}

Best Regards!

Dear Dimik,

Probably you misunderstood my problem. The content was not overlapped by the footer but the footer was overlapped by the content. I tried several options and found the solution with this CSS:

.site-footer{
z-index: 999;
}

Thanks anyway for your support.

Best regards,
Jan