How to make embedded form mobile responsive?

i have a form that is not working responsive, the name of the form is "dulce venganza", can you check why is that happening please?

Based on the checks I have done, the main issue I see is the form fields size is small on mobile. To remedy this add the following css to the css tab in the form designer:

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

    .form-textbox {

        height : 30px;

    }

}

I cloned your form and added the necessary edits required: https://form.jotform.com/81426349169969

Feel free to clone form and use as required.

Here's a helpful guide on cloning forms: How to Clone Forms

To edit other fields and add custom CSS to the form in designer please follow this guide: Inject Custom CSS Codes into Form

Here's a quick tutorial on how to design your form in Jotform: Design Your Forms using Form Designer

I test your form on desktop and mobile browser and appears to be responsive at this time.

However it behaves differently when on your website page.

What I also suggest is try re-embed the form in your website using its iframe embed code first.

User guide: Getting the Form iFrame Code

See if using the iframe embed code makes any difference. Let us know if issue persist.

i just update the site with the iframe embed code and still not working, what can i do?

Hello,

You can also try to exclude the sript part of Iframe code when embedding as there must be a conflict with your other page content. 

Hope this helps. But, get back to us if the issue persists.

Thank you.

i will try that, please don't close the ticket.

still not working, i did everything you told me. but nothing works.

i uploaded a .html without style and no scripts to see if something was interfering but still is not working

http://dulcevenganza.com/index2.html

Please try using source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form 

bdavid, do you read the whole ticket? i have done this, and is not working.

I have read the whole ticket, and you have only tried the Iframe(with and without script part), and the embed(script) code, that is the reason I was suggesting you to try with the Source Code option.

I have checked you page source, and you are still using the Embed code:

sorry if i was rude, i just did de source code, and doesn't work either, i'm getting a little frustrated, some of the form are not working well.

i try this other form i have and is not working too: http://lapitonisadelamor.com/prueba/

The issue is that the page where the form is embedded in does not have the necessary responsive meta tag.

Please add the following meta tag in the head section of your page.

<meta name="viewport" content="width=device-width, initial-scale=1">

I embedded your form here using the script snippet and the form is responsive.
https://shots.jotform.com/adrian/embed/script/81425734727663.html

Make sure to add the responsive meta tag in all your pages.

the best support as always, thanks guys.

ADRIAN you are the best.