Options on Products not visible

  • chantellewilson2105
    Asked on April 27, 2017 at 6:24 AM

    Hi Jotforms,

     

    I have a Product Order Form but on the live version of the Form on the Website, when viewing on a Mobile, the Picture is overlapping on all of the options, ive tried using the Mobile Responsive Widget, and the issue remains the same with or without it. 

    Form - https://www.jotform.com/build/70440939839972 

    Website - www.gloves4you.co.uk

  • Sven
    Replied on April 27, 2017 at 7:27 AM

    Hi there,

    I've just tested both your standalone version and the embedded version on a phone and they both viewed properly. Please see:

    Options on Products not visible Image 1 Screenshot 20

     

    Can you please tell us what device you're viewing on? And what's the browser you're using? Also if you could provide any screenshots to see how things are on your end that would be very helpful.

     

    Thank you.

  • chantellewilson2105
    Replied on April 27, 2017 at 7:50 AM

    The quantity option isnt visible? Its fine on the Computer but not on Mobile. Please see here - http://www.gloves4you.co.uk/store this is what I need it to look like on the phone, however the option titles are available but the drop downs are not. Even when a Product is selected, the drop downs do not appear. 

     

    Options on Products not visible Image 1 Screenshot 20

     

    Thanks

  • Rose
    Replied on April 27, 2017 at 9:03 AM

    Thank you for reporting us.

    The Quantity and Color part on the product list was not seen due to height property declared in your css code for the product part.

    You specified the height property as 150px and it does not fit when you preview your form on mobile. 

    So please change following css code 

    span.form-product-item {

        height : 150px;

    }

    to

    span.form-product-item {

        height : 280px !important;

    }

    When I made this changes on cloned form, here is the result.

    Options on Products not visible Image 1 Screenshot 20

     

    If you need any other assistance by our side, please feel free to contact us.