Product quantity does not appear on mobile

  • Profile Image
    Issacliu
    Asked on March 09, 2017 at 07: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

  • Profile Image
    Nik_C
    Answered on March 09, 2017 at 10:18 AM

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

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

     

  • Profile Image
    safewills
    Answered 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

  • Profile Image
    EltonCris
    Answered on March 10, 2017 at 01: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;

    }

    }