Mobile sticky footer cut off page

[12b]

Working on theleapingsalmon.co.uk (Google Chrome Version 67.0.3396.87) (iPhone Safari 11.3.1) — footer is set up as a sticky footer, however when viewed in mobile it cut's off the bottom of the screen meaning you have to scroll to see it. Preferably it would simply stay fixed to bottom of screen as on desktop. Seems to be a weird bug but should be an easy fix? Maybe i'm doing something wrong?

https://www.dropbox.com/s/ta1xdk41p0krni3/Screen Shot 2018-06-24 at 09.56.00.png?dl=0

[mariusjopen]

Dear @12b

the footers stick only when the content is smaller than the window height.

But you can try this one:

#footer-region {
    position: fixed;
    bottom: 0px;
}

Best!

Marius

[12b]

Hi Marius,

I have tried that however in this instance the footer is not sticking although the content is smaller than the window height. This is only happening on mobile. See screenshot below:

https://www.dropbox.com/s/2w3y9rjutryfjkq/IMG_8036.PNG?dl=0

Let me know your thoughts

W

[mariusjopen]

Dear @12b

try this one:

#footer-region {
    overflow: hidden;
    position: fixed !important;
    bottom: 0px !important;
}

Best!

Marius