Jot form and Squarespace embedding issue on mobile device view

  • Profile Image
    urphoneguy
    Asked 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

  • Profile Image
    Mike_G
    Answered 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.