Payment tool is not being displayed correctly in mobile devices.

  • Profile Image
    D9Tees
    Asked on January 23, 2018 at 08:05 PM

    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.

  • Profile Image
    ashwin_d
    Answered on January 24, 2018 at 02:32 AM

    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.

  • Profile Image
    D9Tees
    Answered on January 25, 2018 at 01:15 PM

    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.  1516901143Screen Shot 2018-01-25 at 12.2

  • Profile Image
    aubreybourke
    Answered on January 25, 2018 at 03:02 PM

    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:

    1516910531The Easiest Online Form Builde

    On mobile:

    1516910548The Easiest Online Form Builde

  • Profile Image
    D9Tees
    Answered on January 25, 2018 at 03:22 PM

    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?

  • Profile Image
    aubreybourke
    Answered on January 25, 2018 at 03:48 PM

    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.