PayPal products not responsive on form

  • Profile Image
    u2utech
    Asked on November 19, 2014 at 02:33 PM

    Hello Team,

     

    I have jotform embedded on following page: http://americanphotonlipo.com/

    It was good on all screens previously. Today I have added PayPal Pro which is not looking good on mobile screens. Please help me to fix this issue immediately.

     

    Regards,

    Tanweer

  • Profile Image
    Ben
    Answered on November 19, 2014 at 03:56 PM

    Hi Tanweer,

    Please inject this CSS code to your jotform:

    .form-product-item.hover-product-item > label {
        padding-right: 15px;
        white-space: normal;
    }

    It will make the text appear in several lines in case of a mobile device.

    Do let us know how it goes.

    Best Regards,
    Ben

  • Profile Image
    u2utech
    Answered on November 19, 2014 at 04:03 PM

    Hello Ben,

     

    Thanks for quick update, I have put the CSS code but the issue is still there. Please review the page and let me know how to resolve this.

    http://americanphotonlipo.com/

     

    Warm Regards,

    Tanweer

  • Profile Image
    Mike_T
    Answered on November 19, 2014 at 05:30 PM

    You can try to add the following CSS to your current injected styles.

    }

    .form-product-item {
    white-space: normal;
    }

    Notice closing curly bracket, it is required since you have not closed @media CSS rule.

    Thank you.