Why the form is not responsive?

  • Medtradex
    Asked on June 8, 2017 at 12:39 PM
    However, the form doesn't seem to be responsive anymore.
    Could that be true?

    Also, the color of the text on the button turns blue when hovering on it.


    Why the form is not responsive? Image 1 Screenshot 20
  • Nik_C
    Replied on June 8, 2017 at 12:43 PM

    I checked your form but I wasn't able to replicate the button turning blue on hover, is that happening on some particular Browser?

    Also, I tested on a mobile phone and the form looked fine, on which device you were testing?

    Why the form is not responsive? Image 1 Screenshot 20

    We'll wait for your response.

    Thank you!

     

  • Medtradex
    Replied on June 9, 2017 at 3:16 AM

    It happens in IE, Firefox and Chrome.
    Using a 15" laptop.

  • Nik_C
    Replied on June 9, 2017 at 4:09 AM

    I tested this issue in Chrome, IE11, FireFox, and Edge on Windows machine and Chrome, FireFox, and Safari on Mac, but I wasn't able to replicate any issue.

    Could you please take a screenshot of what you see and post it here, here is how:

    1) Go to this link: https://www.jotform.com/answers/1167545

    2) Click this icon:

    Why the form is not responsive? Image 1 Screenshot 20

    Also, are you testing the direct link of the form or is the form embedded on the website?

    We will wait for your response.

    Thank you!

  • candy
    Replied on June 9, 2017 at 7:31 AM

    Hello,

    I have tested your form on Google Chrome, Mozilla Firefox and I couldn't replicate the problem about being responsiveness as you can see the screenshot below:

    Why the form is not responsive? Image 1 Screenshot 30

    Did you mention about the images on the top? Because this is the normal behavior of texts as they created in 2 columns.

    Moreover, I couldn't see the behavior of the submit button when hovering over it as you can see below:

    Why the form is not responsive? Image 2 Screenshot 41

    Thank you.

  • Simovision
    Replied on June 9, 2017 at 8:02 AM

    You have just replicated the issue I'm encountering regarding the responsiveness.

    Why is it that I get to see the page 100% correct on a smartphone where as on a desktop the page gets squeezed into 2 small columns instead of the form being displayed under the text as it should?

  • John_Benson
    Replied on June 9, 2017 at 9:52 AM

    Hello Simovision,

    I am assuming you're the same user as the thread owner "Medtradex". 

    Question: Why is it that I get to see the page 100% correct on a smartphone whereas on a desktop the page gets squeezed into 2 small columns instead of the form being displayed under the text as it should?

    To my understanding, you want the form fields under the text field of the form. If yes, I cloned your form and I noticed that everything has the shrink feature enabled. That's the reason why the form has two columns. To fix that, I have disabled the shrink feature of all the fields. Here's the clone form URL: https://form.jotformpro.com/71594128077967

    Please check it and if you like it you can copy it by following this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Result:

    Why the form is not responsive? Image 1 Screenshot 20

    Hope that answer your question. If not, please get back to us. Thank you.

  • Simovision
    Replied on June 12, 2017 at 2:49 AM

    Hi,

    Many thanks!
    That solves the problem.


    Kind regards,

    Mikaël