Why doesnt the form appear on the mobile device?

  • Profile Image
    family1st
    Asked on May 24, 2016 at 03: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.

  • Profile Image
    Chriistian
    Answered on May 24, 2016 at 04: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;
    }

     

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