Form is not responsive: not showing properly in mobile portrait mode

  • fhpw
    Asked on May 1, 2015 at 12:04 AM

    How can I adjust the quantity in the payment method to wrap when viewing in portrait mode on a mobile device. However, it does seem to work on the larger screens.  I am using Designer Mode viewing feature as a guide.

    Form link: https://secure.jotformpro.com/form/51174046122949

    Thanks,

     

    Jotform Thread 562445 Screenshot
    Page URL: https://secure.jotformpro.com/form/51174046122949
  • Jan
    Replied on May 1, 2015 at 9:32 AM

    Hi there,

    You need to decrease the width of the product item. In the Form Designer, make sure you are in the CSS tab. If you click the product item, it will be highlighted in light green, you will see the class name and you can add CSS code. It is currently on 350px. The mobile portrait mode screen width is 320px only. You need to lower down the width of product item to 270px.

    Form is not responsive: not showing properly in mobile portrait mode Image 1 Screenshot 30

    If you check the preview in mobile this should be the result.

    Form is not responsive: not showing properly in mobile portrait mode Image 2 Screenshot 41

    Hope this works. Let us know if you need further assistance.

    Thank you.