-
George ThompsonAsked on June 25, 2016 at 1:12 AM
Hi
Further to previous contacts I have reverted all my forms back to a time when they displayed properly.
I have embedded a form on a separate page to avoid any conflict with the site main pages and embedded the form as an iframe see http://www.phuketacetours.com/ppcruiserbook.html
It displays correctly on my desktop but on ipad and iphone the Name field and Date field burst out of their boxes
Please can you help.
Kind regards
George
-
Welvin Support Team LeadReplied on June 25, 2016 at 7:07 AM
The theme that you are currently using is currently not set to be responsive. I'm working on this now and I'll let you know later.
-
Welvin Support Team LeadReplied on June 25, 2016 at 7:24 AM
I have injected the following custom CSS codes to your form:
@media only screen and (max-device-width: 700px) {
.form-line-column {
width: 100%;
}
}
@media only screen and (max-device-width: 768px) {
[data-type="control_fullname"] .form-sub-label-container {
width: auto !important;
}
[data-type="control_datetime"] .form-sub-label-container {
width: auto !important;
}
.form-textarea {
width: 100% !important;
white-space: normal;
}
}
Now, I would suggest changing the entire HTML codes in your website to the following: http://pastiebin.com/576e696beab8b.
You can check the result in this page (this is using your form): https://shots.jotform.com/welvin/html/869187-form.html.