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;
}
 

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.