In the mobile version of the site on the login page, when you click on the input button to enter a password, the keyboard opens, but the footer runs over the form and unfilled space appears below. The footer has the following styles: position: absolute; bottom: 0; How to fix this problem so that the footer does not adjust when the keyboard is opened?

    2 answers 2

    Try setting min-height for body. Thus the footer should not move up.

      if the parent of the footer is body or an element with no position:relative (or rather, an element with static , it is by default), then the footer will be positioned relative to the screen area. Therefore, you need to wrap all the content in a block with position:relative.