Mobile Screen: Change width of form - Responsive

  • Profile Image
    CruizeDD
    Asked on March 17, 2020 at 02:40 PM

    I want my form to be more wide than long on the website but revert to long on the mobile. How do I do that?

  • Profile Image
    Carlos_C
    Answered on March 17, 2020 at 02:56 PM

    I'm currently looking at your form, I'll update you on this same thread as soon as I have some news.

  • Profile Image
    Carlos_C
    Answered on March 17, 2020 at 03:29 PM

    Hello,

    Thank you for contacting us, after checking your account I made a clone https://form.jotform.com/200766238856969 and I was able to change the width just for the text fields.

    I add the following code to your existing custom CSS code:

    .form-sub-label-container {

    width: 100%!important;

    }

    1584473342Screenshot - 2020-03-17T132843

    Under the media screen and (max-width: 768px), and I have the following result:

     

    Using the Chrome Dev tools I test it using different screen sizes:

     

    Guide How-to-Inject-Custom-CSS-Codes

    If you need any further assistance, please let us know. We will be happy to help.