Wie kann ich die Ansicht verbreitern in der mobilen Ansicht?

Die komplette Breite des Screens soll genutzt werden, sodass man weniger Zeilen hat

Hi Mona,

Thanks for reaching out to Jotform Support. Our GermanSupport agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, you can make your form use the full width of the screen on mobile by adding a custom CSS code. It's easy to set up. Let me show you how:

1. First, copy this code:

/* 31599443 - wider form in mobile */

@media screen and (max-width: 480px) {

  .form-all {

    width: 100% !important;

    max-width: 100% !important;

  }

  .form-section {

    padding: 10px 5px !important;

    margin: 0 !important;

  }

  .form-input-wide {

    width: 100% !important;

  }

}

/* Scale down header text on mobile */

@media screen and (max-width: 480px) {

  .header-large .form-header {

    font-size: 1.2em !important;  /* adjust size */

    line-height: 1.3em !important;

  }

}

/* 31599443 - code ends here */

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Check out the screencast below to see my cloned form results:

Let us know if you need more help.