- ilsmonlineAsked 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/
Any suggestions?Page URL:
- JotForm SupportjonathanAnswered on February 11, 2015 at 08:34 PM
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.
- ilsmonlineAnswered on February 11, 2015 at 11:00 PM
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
- JotForm Supportashwin_dAnswered on February 12, 2015 at 01:43 AM
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.
- ilsmonlineAnswered on February 12, 2015 at 10:53 AM
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
- JotForm SupportjonathanAnswered on February 12, 2015 at 01:10 PM
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.