Jot Form Card Form Mobile

Is there anyway to fix the Card Form on mobile? It looks awful. There is a ridiculous amount of space on the top and bottom of the form? Are there any settings to help fix this?

I have been checking the page and it seems like you used the iFrame embed code, this code allows to change the height value, please paste the code on a text editor before pasting it on your page, here is an example about where to change this: 

<iframe

         id="JotFormIFrame"

         onDISABLEDload="window.parent.scrollTo(0,0)"

         allowtransparency="true"

         src="https://form.jotform.com/23456789"

         frameborder="0"

         style="width:100%;

         height: 500px;

         border:none;"

         scrolling="yes">

       </iframe>

Note that this is a sample code, you would need to copy the code from the publish wizard on your form, this guide will help you getting it: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

I hope this helps. 

That doesn't seem to change anything. I used the smart embed to get it to fit better. Can I change the color of the buttons or does Smart Embed force it to be that color?

Also, is there any way to get rid of all the extra white space on mobile? The cards become unnecessarily large no matter how much information is on them.

It is not possible to change the size of the Card Forms. Did you try to use only the iFrame part of the code, without the script part?

When using the Inline Embed feature you can change the colors inside of the Design tab. Please check the following guide:

Using the Inline Embed Features in Card forms