Form does not display properly in wix.com mobile

  • Profile Image
    aewarmawake
    Asked on May 13, 2017 at 02:44 PM

    form does not display properly in wix.com mobile. https://www.gointer.solutions/blank

  • Profile Image
    EltonCris
    Answered on May 13, 2017 at 06:25 PM

    The form looks fine on mobile but the checkbox options are breaking its responsiveness. 

    Please inject the following CSS codes to your form.

    @media screen and (max-width:480px){

    .form-line-column {white-space: normal !important;}

    .form-all:before {height: 70px;top: -68px;

    background-size: 100% auto;

    }

     

    .form-all {margin-top: 60px;}

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    After that, take your form embed code again and re-embed it to your Wix site. If you are embedding the form using its direct URL on your Wix site, then there's no need to re-embed the form. The update will automatically reflect the form on your page.

    Result:

    Let us know should you require further assistance.