Product quantity does not appear on mobile

  • Issacliu
    Asked on March 9, 2017 at 7:08 AM

    Hi Jot support, I've used above code for my jotform, but quantity boxes are not displayed on form page: for reference please check my form: https://www.jotform.me/form/70670343280451

    Kindly let me know how to fix it.

    Many thanks

  • Nik_C
    Replied on March 9, 2017 at 10:18 AM

    I checked your form and QTY fields are showing and they look aligned to me:

    Product quantity does not appear on mobile Image 1 Screenshot 20

    Did you resolve the issue or you had something else in mind?

     

  • safewills
    Replied on March 10, 2017 at 12:47 AM

    Hello, 

    I'm sorry I forgot to mention that qty boxes appear well on big screens but they are lost on mobile screen, I've added responsive code but it's not working. Can you please give me the css code that works best for mobile screens and make this qty boxes responsive.

     

    Many thanks

  • Elton Support Team Lead
    Replied on March 10, 2017 at 1:00 AM

    Inject the following CSS codes to your form. This should fix it.

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

    .form-product-item .form-sub-label-container {

        display: block;

        position: initial !important;

        float: none;

        margin: 10px 0 !important;

        width: 30%;

    }

    span.form-product-item {

        height: auto !important;

        width: 100% !important;

        box-sizing: border-box;

    }

    }