How do I get the submit button to show up on mobile devices when using Squarespace?

  • ilsmonline
    Asked on February 11, 2015 at 7: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?

  • jonathan
    Replied on February 11, 2015 at 8:34 PM

    Please try adding the Mobile Responsive Widget into your jotform http://www.jotformpro.com/form/50406695245962

     

    Check the widget here http://widgets.jotform.com/widget/mobile_responsive

    How do I get the submit button to show up on mobile devices when using Squarespace? Image 1 Screenshot 20

     

     

    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.

    Thanks.

     

     

     

  • ilsmonline
    Replied on February 11, 2015 at 11:00 PM

    How do I get the submit button to show up on mobile devices when using Squarespace? Image 1 Screenshot 20

    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

  • Ashwin JotForm Support
    Replied on February 12, 2015 at 1:43 AM

    Hello ilsmonline,

    I have reduced the top margin of your form by injecting following custom css code and that seems to have resolved your issue:

    .form-all {

    margin-top: -35px;

    }

    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:

    How do I get the submit button to show up on mobile devices when using Squarespace? Image 1 Screenshot 20

     

    Hope this helps.

    Do get back to us if your have any questions.

    Thank you!

  • ilsmonline
    Replied 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

  • jonathan
    Replied on February 12, 2015 at 1:10 PM

    Please try reducing the Question Spacing also. See if it already makes the difference.

    How do I get the submit button to show up on mobile devices when using Squarespace? Image 1 Screenshot 20

    If still not enough, try experimenting with more negative value in the margin-top CSS attribute.

    Thanks.