Quanity fields expand in mobile device view

  • fhpw
    Asked on April 14, 2015 at 4:22 PM

    How do I correct the quantity field size when it view correctly in every mode but mobile device.

     

    Mobile view below

     

    Quanity fields expand in mobile device view Image 1 Screenshot 30

     

    Regular view

    Quanity fields expand in mobile device view Image 2 Screenshot 41

     

    Thanks,

     

    Page URL: http://form.jotform.us/form/50747473029156
  • Carina
    Replied on April 14, 2015 at 5:43 PM

    Please add this css code: 

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

        #input_68 {

            width : 75px;

             max-width : 75px !important;

        }

     

        #input_52_donation {

            width : 75px;

            max-width : 75px !important;

        }

     

       

     

        #input_60 {

            width : 25px;

             max-width : 25px !important;

        }

     

        #input_64 {

            width : 25px;

             max-width : 25px !important;

        }

     

        #input_61 {

            width : 25px;

            max-width : 25px !important;

        }

     

        #input_66 {

            width : 25px;

             max-width : 25px !important;

        }

     

    }

    You can test it here: 

    http://form.jotformpro.com/form/51036970867968? 

    Let us know if we can assist you further.