Quanity fields expand in mobile device view

  • Profile Image
    fhpw
    Asked on April 14, 2015 at 04:22 PM

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

     

    Mobile view below

     

     

    Regular view

     

    Thanks,

     

  • Profile Image
    Carina
    Answered on April 14, 2015 at 05: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.