JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How do I get the submit button to show up on mobile devices when using Squarespace?Asked by ilsmonline on February 11, 2015 at 07:00 PM
I have a form embedded on squarespace and when I look at it on my iphone, my submit buttons are not showing up. I used the suggested method of iframe coding with a secure form and it works in all ways except this.
Here is the link that is having the issue: http://www.1in5000.com/jointhemovement/
Check the widget here http://widgets.jotform.com/widget/mobile_responsive
Save the form after adding the widget, and then check again how it view in your mobile browser.
Hope this help. Let us know if not successful.
Johnathan, Unfortunately that didn't work. For the shorter form, it looks as if the submit button is now there, but it is cut off. Here is a snapshot... The url is 1in5000.com/storiesof1
I have reduced the top margin of your form by injecting following custom css code and that seems to have resolved your issue:
You may like to take a look at the following guide on how to inject custom css code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
I did check your web page in my iPhone device and submit button is being displayed correctly now. Please check the screenshot below:
Hope this helps.
Do get back to us if your have any questions.
Awesome! Thank you!
I do have another form on the same site with the same issue. I added the custom css code and it didn't work. Should I reduce the top by more?
It's at 1in5000.com/jointhemovement
Please try reducing the Question Spacing also. See if it already makes the difference.
If still not enough, try experimenting with more negative value in the margin-top CSS attribute.