Embedding issue in Wix

  • Profile Image
    adhdonline
    Asked on August 17, 2019 at 06:47 PM

    We are having trouble embedding a form in Wix. We are using iframe. The form looks good, until you try to select a drop-down. Then the form tends to zoom in and a horizontal scroll option is displayed. We are losing conversions because people have trouble navigating both the verbal and horizontal scrolling. Any help would be appreciated.

  • Profile Image
    jonathan
    Answered on August 17, 2019 at 07:12 PM

    I was able to see the problem also when I test using the form URL only.

    1566083166zzz 2019-08-18 07.04.33.png


    Allow me some more time to test the needed CSS codes to fix the issue. I will be back shortly.



  • Profile Image
    jonathan
    Answered on August 17, 2019 at 07:24 PM

    I have added the next CSS codes into your form. It appears to have fixed the issue.


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

    .supernova, .form-all {

    width : 100% !important;

    }

    }

    @media screen and (-webkit-min-device-pixel-ratio:0) { 

      select,  textarea,  input {

        font-size: 16px !important;

      }

    }


    Result:

    1566084218zzz 2019-08-18 07.23.02.png



    Please check again. Let us know if issue remains.


  • Profile Image
    adhdonline
    Answered on August 17, 2019 at 09:57 PM

    Fantastic job! Thank you! Do you want to build a custom form for us? :-)