Why the form is not responsive?

  • Profile Image
    Medtradex
    Asked on June 08, 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.


  • Profile Image
    Nik_C
    Answered on June 08, 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?

    We'll wait for your response.

    Thank you!

     

  • Profile Image
    Medtradex
    Answered on June 09, 2017 at 03:16 AM

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

  • Profile Image
    Nik_C
    Answered on June 09, 2017 at 04: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:

    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!

  • Profile Image
     
    Answered on June 09, 2017 at 05:37 AM

    I already sent you the screenshot yesterday displaying the issue on a laptop.
    The 2 columns on the page (left: text and right: form) keep getting squeezed more and more instead of being placed under each other.

  • Profile Image
    candy
    Answered on June 09, 2017 at 07: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:

    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:

    Thank you.

  • Profile Image
    Simovision
    Answered on June 09, 2017 at 08: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?

  • Profile Image
    John_Benson
    Answered on June 09, 2017 at 09: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:

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

  • Profile Image
    Simovision
    Answered on June 12, 2017 at 02:49 AM

    Hi,

    Many thanks!
    That solves the problem.


    Kind regards,

    Mikaël