Why doesnt the form appear on the mobile device?

  • family1st
    Asked on May 24, 2016 at 3:18 AM

    I built a couple of form and imported them into my website.

    The site is has responsive design, so it opens well on mobile devices, however the forms for not appear when the page they are in is opened from a Smart Phone or Tablet.

    Thanks.

  • Chriistian Jotform Support
    Replied on May 24, 2016 at 4:32 AM

    I checked the form embedded on this URL - http://www.family1st.me/cyber-juniors/ and I was able to replicate the issue. The form was not displayed when viewed on mobile device (tested it with emulator). As per investigation, the form is not displayed because the container that has the form code is hidden when viewed on mobile device. Notice that when I viewed the site the CSS code for the container is set to display:block;

     

    @media screen and (min-device-width: 1024px)
    .mediumScreenDisabled {
        display: block;
    }
     

    Why doesnt the form appear on the mobile device? Image 1 Screenshot 30

     

    But checking the site on mobile device emulator, the CSS code was changed to display:none;

    @media screen and (max-device-width: 1024px)
    .mediumScreenDisabled {
        display: none;
    }
     
    Why doesnt the form appear on the mobile device? Image 2 Screenshot 41
     
    Please try to modify the CSS code in your site from this code 
    @media screen and (max-device-width: 1024px)
    .mediumScreenDisabled {
        display: none;
    }
     
    to this
    @media screen and (max-device-width: 1024px)
    .mediumScreenDisabled {
        display: block;
    }
     
     
     
    Do let us know if you need further asssitance.
    Regards.