-
hkmuranoAsked on February 22, 2019 at 2:24 AM
How can I fix my form on the facebook.
copyed embed and edit to facebook. Form no show bottom section when using phone.
show up with computer. problem with facebook booking form when using cell phone
-
Kiran Support Team LeadReplied on February 22, 2019 at 2:53 AM
Please note that Facebook tabs are not supported in the mobile view due to a limitation from Facebook. The form embedded using Tab on your Facebook page cannot be viewed on mobile devices. If you want to display the form on your Facebook page with the mobile devices, you may consider using the Custom iFrame app as mention in the guide below:
https://www.jotform.com/help/82-Adding-a-form-to-Facebook-Custom-iFrame-App-
As I check your Facebook page, the form seems to be displaying normally on the PC and there is no Quote/Booking tab displayed when checked on mobile device.
However, if you are referring to the button Book Now, it is redirecting to the web page where the form is embedded, please try increasing the height of the form embedded HTML element on your website builder so that the form should be displaying normally on mobile devices.
Thanks!
-
hkmuranoReplied on February 22, 2019 at 12:43 PMThank you for answering
How to that below inform -
"However, if you are referring to the button Book Now, it is redirecting to
the web page where the form is
embedded, please try increasing the height of the form embedded HTML
element on your website builder so that the form should be displaying
normally on mobile devices."
Our web bilder form embead code like below
https://www.golansky.com
*https://facebook.com/lanskyusa *
Sincerely,
Daniel Kang
Lansky Enterprise LLC.
fka : DK'S Livery Service
P.O.BOX 881641
LOS ANGELES, CA 90009-3006
(Phone) 213-291-9635
(Cell) 213-400-6595
(Email) contact@golansky.com
LIC# TCP-30793A
*Like us page on Facebook !! *
... -
Kiran Support Team LeadReplied on February 22, 2019 at 1:47 PM
That depends on the web site builder or the template being used for your web pages. You may check with your webmaster or let us know the builder that you are using so that we may be able to assist you.
Thanks!
-
hkmuranoReplied on February 22, 2019 at 2:43 PMI used web bilder from godaddy.com
https://www.golansky.com
*https://facebook.com/lanskyusa *
Sincerely,
Daniel Kang
Lansky Enterprise LLC.
fka : DK'S Livery Service
P.O.BOX 881641
LOS ANGELES, CA 90009-3006
(Phone) 213-291-9635
(Cell) 213-400-6595
(Email) contact@golansky.com
LIC# TCP-30793A
*Like us page on Facebook !! *
... -
Victoria_KReplied on February 22, 2019 at 3:31 PM
In order to improve form layout for mobile devices, you could set 'scrolling' to 'yes' when embedding form using iframe code:
Also, if you have control over the mobile version of the website, you can try to resize container element there.
-
hkmuranoReplied on February 22, 2019 at 7:43 PMI changed embed like below, getting little better, still no show after
Return date & time
https://www.golansky.com
*https://facebook.com/lanskyusa *
Sincerely,
Daniel Kang
Lansky Enterprise LLC.
fka : DK'S Livery Service
P.O.BOX 881641
LOS ANGELES, CA 90009-3006
(Phone) 213-291-9635
(Cell) 213-400-6595
(Email) contact@golansky.com
LIC# TCP-30793A
*Like us page on Facebook !! *
... -
Victoria_KReplied on February 23, 2019 at 7:24 AM
I'm afraid the issue is caused by the height of elements containing form. As far as I understand, you do not have an option to adjust mobile layout of your web site. In this case I can only suggest to shrink form elements a bit, so they could fit form container. Please try adding the following CSS to your form following this guide:
How-to-Inject-Custom-CSS-Codes
@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
.form-all, .jotform-form {
padding-top: 0 !important;
zoom: 0.97;
}
button {
zoom: 0.9;
width: 30% !important;
padding: 8px 15px !important;
}
li {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
Hope this helps!