Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Layout Change once the keypad is visible on my Login Page

  • No replies
  • 2 have this problem
more options

I have a website with a login page which I have set to a different layout on smaller screen sizes, in mobiles and tablets. The page loads fine in the beginning. But as soon as I tap in the input fields and the keypad pops up, the layout gets messed up. Once the keypad is out, everything gets back to normal.

In normal view, I have a two column layout. The logo sits On the left column which covers half of the screen and on the right side sits the login form with input fields and submit button.

For mobile, I've setup the layout so that, the left column with logo goes to the top and the column with the input fields sits below it. But once the keypad opens, the layout changes to the 2 column layout (normal view/desktop view). Once I hide the keypad, it's back to the mobile view again.

Please help. Thanks