Content on mobile blocked by keyboard

Hey everyone,

So I’ve got a nice layout on desktop, made adjustments so it’d look nice on mobile combined with a fixed footer.

Then it goes to hell when I try it on an actual mobile browser.

The keyboard would slide up to and block half the screen’s content and any input field, and the page is not scrollable.

Does anyone know how can I resolve this?