Mobile keyboard covering popup login

[hilmanf]

Hi, I am now focusing to increase sign up conversion on my site. The best login style for me is Popup, because I add some login CTA on site. But this style have a major weakness on mobile UX (my most user are mobile users). Refer: https://prnt.sc/j9dr39 The popup appears in the middle of the screen. When keyboard is showing, it is covering most of login popup. Mobile keyboard size showing in the picture is normal. The larger size will cover more space on login popup. This is bad for UX and conversion because make some difficulties to type. But i have no problem with desktop version. So, How to set this login popup window to top of the page on mobile version? Need help to solve this. Thank you.

[Anshuman Sahu]

Please try adding this given script in your wp-admin -> wplms -> footer -> google anaylitics script : https://gist.github.com/alexvibealex/dee821d4648e260009ffd2ba33382b4c

[hilmanf]

Thank you Alex. But, the script is not working. Login popup window still behaves the same.

[Mark Morgan]

Hello, I did some changes in the above code and added this javascript code in your site. Now the login is working fine on your site.

[hilmanf]

Hi Mark, Thanks for helping. It works perfectly on Login (Masuk, Blue button) function as I wished. But Sign-up (Daftar, orange button) function doesn't have same behaviour. Please refer this video: https://drive.google.com/open?id=1bYMWh3fFEBXdMmJQytEG_ENSjDfSCCHf Need help to fix this. Thanks buddy.

[Mark Morgan]

Hello, Changed the script code on your site and it works fine on both login and sign up.

[hilmanf]

Now my login/sign up popup is shining like a diamond! Thank you very much, Mark. You guys are the best. You may close the topic now.

[Mark Morgan]

Thanks for the confirmation, closing this topic.

[Author]

Posts