What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Jot form and Squarespace embedding issue on mobile device view

    Asked by urphoneguy on February 10, 2016 at 12:58 PM

    Hi, the "platform" integration with Squarespace is good except on a mobile device. 

     

    If you look on a mobile device you will notice initially it looks fine until you type in a field. On my form the background is white and the site is black. When I click on the field the white form background goes away I now can't see the letters and it never comes back unless I turn phone horizontal.

     

    Any ideas on this.

     

    Here is the link to try on a mobile device. I am using iPhone 6s in Safari.

     

    http://www.cryoheat.com/test-form-page

    Page URL:
    http://www.cryoheat.com/test-form-page

    Screenshot
    Mobile mobile device squarespace black background form-all CSS code inject custom CSS
  • Profile Image
    JotForm Support

    Answered by Mike_G on February 10, 2016 at 02:31 PM

    Try adding the CSS code below to your form with the help of this guide: How-to-Inject-Custom-CSS-Codes

    @media only screen

    and (min-device-width : 375px)

    and (max-device-width : 667px)

    and (orientation : portrait){

    .form-all{

    background-color: white !important;

    }

    }

    That should resolve the issue you're having. If not, please feel free to get back to us and we will be glad to help you further. Thank you.