Forms on mobile device - screen expands and keyboard hides fields

Site URL: https://www.kupunacareconnection.com/

I have a secure page that contains a form with the light box feature on. When on a mobile device, the user clicks in a field to enter information, the form is zoomed in and the keyboard obscures the fields. After typing the view is still zoomed in. This does not happen on a computer. I’ve included an image. What can I do to fix?

Hi. Have you solved it yet?

I have a similar issue! The keyboard block the main text field and you cannot see what you type or scroll on mobile (at least on iPhones)

www.bespokenhome.com/contact

Any help would be really appreciated!

On 4/7/2021 at 6:03 AM, agne said:

I have a similar issue! The keyboard block the main text field and you cannot see what you type or scroll on mobile (at least on iPhones)

www.bespokenhome.com/contact

Any help would be really appreciated!

 

Hi. Do you still need help on this?

Hello,

Yes, I still do! I haven't figured it out yet.

Thank you!

On 4/12/2021 at 4:08 AM, agne said:

Hello,

Yes, I still do! I haven't figured it out yet.

Thank you!

 

Hi

Any solution yet?

On 5/8/2021 at 8:48 PM, alii said:

Hi

Any solution yet?

Try adding to Settings > Advanced > Code Injection > Header

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/>
<style>
@media screen and (max-width:640px) {
.sqs-modal-lightbox-content .lightbox-inner .lightbox-content {
   padding-bottom: 250px !important;
  }
}
</style>