Form not showing when viewed on mobile device

  • Profile Image
    Asked on August 30, 2016 at 03:07 AM



    I am also experiencing the same problem even though I used i-frame coding. Both forms don't appear on mobile devices. Only the background pic appears. Please assist.


  • Profile Image
    Answered on August 30, 2016 at 03:37 AM

    I think it's due to the animation effect on that particular theme you're using.

    I fixed it for you by injecting the following CSS codes to your form. It should be fine by now. Kindly check and let us know if you see any problems.

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

    .form-all {

    animation:  !important;

    -webkit-animation: none !important;

    opacity: 1 !important;


    .form-input {

    width: 100% !important;


    [data-type="control_datetime"] .form-sub-label-container,

    [data-type="control_phone"] .form-sub-label-container {

    width: auto !important;


    .phone-separate, .date-separate {

    display: none;


    .form-buttons-wrapper button {

    width: 30%;



    We will also contact the creator of that theme and ask him to fix it so you can use it in the future without any problems.


  • Profile Image
    Answered on August 30, 2016 at 07:47 AM

    Hi Elton


    This has been resolved. Thanks for your help.

  • Profile Image
    Answered on August 30, 2016 at 09:01 AM

    On behalf of Elton, you are welcome.

    Feel free to let us know if you have other questions or concerns.