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