Trouble with Phone Preview

  • plusetmoins2020
    Asked on December 4, 2020 at 9:22 AM

    Hello,


    I've made a form for ordering things. All good except that my paragraph are ''squished'' and as well as my Inventory widget.

    I've attached screenshots of it.

    Kind Regards,

    Zul

    Jotform Thread 2745089 Screenshot
    Page URL: https://form.jotform.com/203374722053449
  • Jovanne JotForm Support
    Replied on December 4, 2020 at 10:02 AM

    Hi, thank you for contacting JotForm support.

    Kindly insert this custom CSS code:

    @media only screen and (max-width: 480px) {label .form-input-wide[data-layout="half"], .form-input-wide[data-layout="full"], .form-input {  width: 100% !important;}}

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Here's a sample output:

    1607094033 5fca4f114aa43 5 Screenshot 10


    Please give it a try and let us know if this worked for you.

  • plusetmoins2020
    Replied on December 4, 2020 at 10:22 AM
    Hello,
    Perfect! Thank you so much.
    ...