How can I make my forms responsive? It does not show up in mobile

How can I make my forms responsive?

 

I notice they do not show up on my phone, only on my computer.

Thanks for the tips. I made the changes and used the iFrame code on the
site instead. I see the forms now show up on my android phone, but I
cannot scroll down the form. I would like them to be fully functional.
...

Kindly change your iFrame scrolling attribute from NO to YES. Check this screenshot:

Get back to us if you think adjustments are still needed.

Thanks

I changed scrolling to "yes" but I still can't get it to scroll on my phone.
...

Your #art-main div is set to overflow: hidden, so it hides the form outside of the page.

Can you please try to remove an auto-height script that is following the iFrame code to see if that helps?

Thank you.

OK, now I can see the form fields but I cannot enter any text. In the
larger form, the scrolling won't go all the way.
...

Hello,

Thank you for contacting us.

Even using a browser in pc your form does not scroll down. I cloned your form and downloaded your page and what works for me is that when I remove this position:absolute in your style.responsive.css settings I can now view the form.

Try to view my working sample in this link.

For some reason unknown reason it was working then suddenly stops. Let me get back to you.

Ok here it is.

Set the height to 100% then remove the absolute positioning. This works form you can check it here

A view using an android. I was able to scroll at the bottom and can add text to fields.