Embedding a form into a mobile version of the website.

  • Profile Image
    jodythompson20
    Asked on September 26, 2016 at 01: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?

     

  • Profile Image
    Mike
    Answered on September 26, 2016 at 02: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.

  • Profile Image
    jodythompson20
    Answered on September 26, 2016 at 06:53 PM

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

  • Profile Image
    Chriistian
    Answered 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.