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

  • Profile Image
    fhpw
    Asked on May 01, 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,

     

  • Profile Image
    Jan
    Answered on May 01, 2015 at 09: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.

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

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

    Thank you.