Fields overlap with mobile device.

Ich habe ein Formular erstellt, aber in der mobilen Ansicht überschneiden sich die Felder...

Hi Benjamin,

Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. 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, keep in mind that you'd have to wait until they're available again.

Now, coming back to your question, I have tested your form on multiple mobile device, and I was unable to replicate the issue as shown in the screenshot.

Could you share with us the mobile device model and browser used when you encounter the issue so that we can check it out?

Once we hear back from you, we'll be able to help you with this.

Hi,
thanks for the fast reply.

I am using a Samsung M20 phone with google chrome. Ihe issues is also shown on the preview page...

may be it's cookie caching issue?

Hi Benjamin,

Thanks for getting back to us. Please inject the provided CSS code into your form.

/*Adjust padding for product item in mobile - 14067673*/

@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

.form-product-item.new_ui.show_subtotal .form-product-container {

    padding: 16px 16px 50px !important;

    margin: 0 !important;

}

}

/*Code ends here*/

Here's how to do it:

1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

2. On the right panel, go to Styles.

3. Scroll down to Inject Custom CSS.

4. Paste the provided CSS code.

Result:

Give it a try and let us know how it goes.

Works perfect. Thank you very much !!!

I appreciate your very good support and response time !