Why is the submit button on my form not appearing on mobile or in the lightbox?

  • barrettb
    Asked on June 2, 2017 at 10:26 AM

    Form title: Have a Project? (shared via Austin Plant Supply)

     

    I cannot get this issue solved and I'm fairly savvy, so I would greatly appreciate any help you guys can provide.

    The image attached shows the problem, the Submit button on the form is disappearing on mobile, mobile views only have the problem when using the JS embed. I then noticed that the lightbox has the problem on desktop, so it's not only a mobile issue.

    It looks like the iframe generated isn't tall enough to display the Submit button, what can we do to solve this?

    Thanks!

    Barrett

    Jotform Thread 1161560 Screenshot
  • David JotForm Support Manager
    Replied on June 2, 2017 at 11:42 AM

    The button shows up in mobile view:

    Why is the submit button on my form not appearing on mobile or in the lightbox? Image 1 Screenshot 30

    Still, the bottom part of your form shows cut off. It could be that the script code of the form is conflicting with the jQuery libraries of your site. Please try to embed your form using the Iframe code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    But first, paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the Iframe part in your webpage, example:

    Why is the submit button on my form not appearing on mobile or in the lightbox? Image 2 Screenshot 41

    Let us know if that helps.

  • barrettb
    Replied on June 2, 2017 at 4:54 PM

    Thanks for the response. Just so you know, the lightbox has the problem on JotForm's preview site, that's what is shown in the screenshot earlier and it never sat on our site as a lightbox. This leads me to believe their is actually an error in the JS/iframe. You may want to let your development team know.

     

    By the time you responded, I was able to solve the issue with the following CSS snippet I found from another question on here:

     

    .form-section {

     

    padding-bottom: 75px !important;

     

    }