Payment tool is not being displayed correctly in mobile devices.

I am having trouble fitting my form on the screen and also customers are able to submit the form but not put in any card information for payments. We also don't know where the payments will go after we they submit it.

Please inject the following custom css code in form and see if that solves your problem:

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

span.form-product-item.hover-product-item {

    margin-left: -11px;

    display: inline-grid;

    height: 290px;

}

}

The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Hope this helps.

Do get back to us if you have any questions.

Hello! So I submitted the CSS code and I'm still have an issue seeing all the contents in the form for phone usage. I have attached a screenshot image of what I am referring to.  

Replace the CSS you have with this:

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

td {

    display : block;

    padding : 1px;

    width : 100px !important;

}

.form-product-options-text.form-sub-label {

    display : none;

}

.form-product-item-detail {

    width : 100% !important;

}

}

On desktop:

On mobile:

Great the issue with the formatting of the form is fixed. Thank you!

In reference to the receiving payment, after I finish the application on 2checkout will I then be able to receive payments? or is there another step? Also how long will it take the application to process?

Yes after a user finishes the 2checkout cart you will receive your funds.

Not sure exactly how long it will take for the funds to appear in your account. It should be approx 5-10 working days.