Mobile-view Margin Issues AND Multiple Text-field Widget Spacing

I previously asked here how to solve this issue, and the solution did not work. After injecting the CSS, saving, and running the mobile-preview.

Furthermore,

Thank you.

We will be glad to help you with your concern. Please give me some time — I will try to work on a solution that would meet your requirements. I'll get back to you as soon as possible.

Apologies for any delays. I understand that you have tried the CSS codes provided by my colleague in this thread — https://www.jotform.com/answers/1719932 but it didn't work.

Can you try the CSS codes below instead, please?

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

.form-line {

    margin-bottom: 12px !important;

}

.jotform-form {

    padding-top: 0px !important;

    overflow: hidden !important;

}

.form-all {

    width: 100% !important;

}

}

That should fix the margin issue when the form is viewed on mobile phones.

Here's a clone version of your form where I have applied the changes above — https://form.jotform.com/90501947539968

As for your other concern,

how can I reduce white-space between the multiple text-field numeration and input on my site, as seen in question 4.h?

I have moved it to a new thread considering it is about another topic.

Here's the link to the new thread — https://www.jotform.com/answers/1738144

To avoid confusion, please respond to the other thread for any follow-up questions regarding the new topic.

There is a glitch in the mobile view preview as this shows it still not working, but when checking on my actual mobile it seems to work. Thank you!

Glad to know that it's working on your mobile.

Do reach out to us if you require any further assistance from our end.

Thanks!