How can I make a form responsive? I've already checked the box under "Design"

  • reyoga
    Asked on November 10, 2016 at 5:42 PM

    We have a form at https://www.reyogatherapy.com/private-yoga-lessons/ when you click the orange "Request a Free 30 min Consultation" button.

    How can I make a form responsive? Ive already checked the box under Design Image 1 Screenshot 20

    It's a pop-up window. When you look at it on a laptop/desktop, it looks great, but on a smartphone, it doesn't reduce in size to a mobile device and isn't scroll-able.

    Note: I've already followed the tutorial and checked the box under Design > Form Layout to make it responsive, but it's still now.

    If you could help me in any way, please let me know.

    Thank you,

    Angela

    Jotform Thread 987753 Screenshot
    Page URL: https://www.reyogatherapy.com/private-yoga-lessons/
  • jonathan
    Replied on November 10, 2016 at 7:18 PM

    I think the issue is more to the script conflict related one on the embedded form on your website page.

    How can I make a form responsive? Ive already checked the box under Design Image 1 Screenshot 30

     

    I test your form https://www.jotform.us/form/61675339213154 using only its own URL and it is responding just fine on mobile browser.

    How can I make a form responsive? Ive already checked the box under Design Image 2 Screenshot 41

     

    What I suggest you try first is to re-embed the form on your pop-up page using instead its iframe publish code. 

    User guide: Getting-the-form-iFrame-code

    See if this modification resolve the issue. Let us know if it does not.

    Thanks.