Embedding a form into a mobile version of the website.

  • jodythompson20
    Asked on September 26, 2016 at 1:32 PM

    I contacted before about getting the form to be responsive, but I have had to put a link to click on for the form to work when in mobile version.  I actually need the form embedded into the website itself.  How Can I get it to upload correctly without half the form missing?

     

    Page URL: http://countryattheballpark.com/meet_greet_entry.htm
  • Mike
    Replied on September 26, 2016 at 2:47 PM

    The issue might be related to the form placeholder element size on your web site.

    Please create a test page with embedded form (you can try iFrame and Embed codes) to let us check this in action.

  • jodythompson20
    Replied on September 26, 2016 at 6:53 PM

    Here is the link to the test page http://countryattheballpark.com/test_page.htm

  • Chriistian Jotform Support
    Replied on September 26, 2016 at 11:06 PM

    It appears that the element where your form is embedded has a set height of 415px when on mobile. This is why the form appears cut-off when it is viewed on mobile. To resolve this issue, you can add the CSS code below to your website's CSS:

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

      .xr_noreset {

        height: fit-content !important;

      }

    }

    If the issue persists, please let us know.
    Regards.