Is there a way to make the PayPal product quantity option mobile responsive?

  • Profile Image
    fhpw
    Asked on April 13, 2017 at 07:28 PM

    I have created a PayPal product with quantity option.  It works and is responsive for all fields except the PayPal product quantity.  Is there a way to make the quantity not go beyond the boarders?  This only occurs on the mobile device vertical view; otherwise the form is responsive.

     

     

    https://www.jotform.com/fhpw/seminar

     

    Thanks,

     

  • Profile Image
    John_Benson
    Answered on April 14, 2017 at 01:28 AM

    I cloned your form and I can replicate the issue. Please add this custom CSS code to fix the product quantity:

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

      screen and (max-device-width: 768px) and

      (orientation: portrait), screen and

      (max-device-width: 415px) and

      (orientation: landscape) {

    #label_35 .form-dropdown {

    width: 45px !important;

    }

    }

    @media only screen and (max-width: 40em) {

      .form-sub-label-container {

        width: 100px !important;

    }

    }

    Here's a guide on: How-to-Inject-Custom-CSS-Codes

    Result:


     

  • Profile Image
    fhpw
    Answered on April 14, 2017 at 10:10 AM

    Thank you.  This worked great. However, I noticed that now the Member Organization dropdown field does not expand to the width of the of the mobile device (portrait or landscape) view.

     

    https://www.jotform.com/fhpw/seminar

     

    Assistance to have the media screen adjust for this drop down is greatly appreciated.

     

    Thanks,

     

  • Profile Image
    fhpw
    Answered on April 14, 2017 at 10:47 AM

    Since the dropdown has the long text options, using the same original sizing I reset the dropdown property and dropdown style values. It now appears to be working.

     

    Thanks,