Contact Form on Mobile

Site URL: https://www.bespokenhome.com/contact

Hi!

My contact form is not working on mobile devices. I can't scroll down and therefore I don't see what I am writing in the message box and it also shakes when I am trying to scroll. So, it is impossible to send a message.

Does anyone know what could be the problem?

Any advice would be very much appreciated!

https://www.bespokenhome.com/contact

9 minutes ago, agne said:

Site URL: https://www.bespokenhome.com/contact

Hi!

My contact form is not working on mobile devices. I can't scroll down and therefore I don't see what I am writing in the message box and it also shakes when I am trying to scroll. So, it is impossible to send a message.

Does anyone know what could be the problem?

Any advice would be very much appreciated!

 

https://www.bespokenhome.com/contact

I used on it samsung device and still can scroll as well as typing message, which one you used

Thanks for the message! I had 4 people try it on iPhones, on different browsers and it did not work.

I have done some customization on the form. 

Maybe one of the codes could have led to this?

The problem is that the keyboard blocks the message, and you can't see what you are writing, and can't scroll down to see.

/* form settings */
.form-wrapper .field-list .title {
  font-family: poppins;
  font-size: 13px;
  color: #black;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.form-wrapper .field-list .field .caption {
  font-family: soleil;
  font-size: 9px;
  color: #000000;
  letter-spacing: .1em;
}

.form-wrapper .field-list .field .field-element {
  background-color: #EDEDEB;
  border: 1.5px solid #ADA6A0;
  border-radius: 0;
}

.form-wrapper input[type=Submit] {
  border: 1.8px solid #ADA6A0;
  color: #ADA6A0 !important;
    background-color: white!important;
}

.form-wrapper input[type=submit]:hover {
   border: 1.8px solid #CCA370 !important;
 color: #CCA370 !important;
  background-color: white!important;
}

form input,
form textarea {
font-family: poppins!important;
font-weight: 200; 
font-size: 11pt !important;
 text-transform: uppercase!important;
}

#block-yui_3_17_2_1_1614811996641_6770 button {
  padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
   border: 1.8px solid #ADA6A0;
  color: #ADA6A0 !important;
    background-color: white!important;
}

#block-yui_3_17_2_1_1614811996641_6770 button:hover {
  border: 1.8px solid #CCA370 !important;
 color: #CCA370 !important;
  background-color: white!important;
}
 

On 4/6/2021 at 11:11 PM, agne said:

The problem is that the keyboard blocks the message

This is a Squarespace bug that appeared on 15th January 2021. Squarespace made unannounced changes that prevent popup forms from working on mobile devices. The bug affects all popup forms including Custom Product Forms where you prompt customers for product-specific information. The bug causes the lower portion of forms to be hidden under a mobile device’s keyboard, obscuring some fields and preventing visitors from completing them.

Update: Fixed on 23 June 2021.

Hello,

Thank you very much for the information.

Is there anything that can be done to make it better? Or something you would recommend?

Thanks again.

Hi @agne, I wanted to follow-up and let you know that as of last night this bug has been fixed. Thanks for flagging for our team!

This problem still persists.