Not show up bottom of form on the facebook when using phone

  • hkmurano
    Asked 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 Lead
    Replied 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!

  • hkmurano
    Replied on February 22, 2019 at 12:43 PM
    Thank 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 Lead
    Replied 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!

  • hkmurano
    Replied on February 22, 2019 at 2:43 PM
    I 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_K
    Replied 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:

    Not show up bottom of form on the facebook when using phone Image 1 Screenshot 20

    Also, if you have control over the mobile version of the website, you can try to resize container element there. 

  • hkmurano
    Replied on February 22, 2019 at 7:43 PM
    I 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_K
    Replied 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;

     }


    }

    Not show up bottom of form on the facebook when using phone Image 1 Screenshot 20

    Hope this helps!