Embedded form using iframe not responsive in mobile browser

  • AxMann
    Asked on October 27, 2016 at 11:50 AM

    Hi,

    I have tried both the "Embed" and "iFrame" method of embedding my form at
    https://www.venstar-exchange.com/file-upload.html
    but neither work - in both cases the form is not mobile responsive. It is currently set to use iFrame. Your assistance would be greatly appreciated.

    The direct link is: https://form.jotformeu.com/62986248651367

    Ax

  • Welvin Support Team Lead
    Replied on October 27, 2016 at 1:07 PM

    The form is already responsive, but your HTML page doesn't have the correct viewport meta for responsive layouts. You have to add it, the following:

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    Add this meta tag inside the header, see screenshot for placement:

    Embedded form using iframe not responsive in mobile browser Image 1 Screenshot 20

     

    You can view the result here: https://shots.jotform.com/welvin/html/973424.html

    Let us know if you need further assistance.

  • AxMann
    Replied on October 27, 2016 at 1:16 PM

    You guys are fantastic!
    Always suck quick and helpful responses.