Date and time Picker doesnt work?

  • Profile Image
    takeawaysonline
    Asked on February 02, 2014 at 04:02 PM

    Please see here:

    http://www.viceroyfinedining.co.uk/dunfermline/Book%20A%20Table.html

    I have injected your responsive css as per http://www.jotform.com/answers/240130-How-to-make-the-form-mobile-responsive

    The Form works great on all screen sizes down to about 550px then the date and time picker messes up

     

    Please advise what i can do as its a table reservation form so that is required?

  • Profile Image
    EltonCris
    Answered on February 02, 2014 at 04:55 PM

    Hi,

    To fix that, find .form-sub-label-container class and insert display: block; property under it. It should then look like this:

    .form-sub-label-container {

    width: 100%;

    display: block;

    }

    It will give you this result:

    Cheers!

  • Profile Image
    takeawaysonline
    Answered on February 02, 2014 at 05:11 PM

    Ok thats great. Thanks, another problem arising from this is If I inject the html directly I lose all of the styling, how can I put this new code in and link to the form using the embed <script type="text/javascript" src="//form.jotformeu.com/jsform/40325767728361"></script>

  • Profile Image
    EltonCris
    Answered on February 02, 2014 at 05:15 PM

    @takeawaysonline 

    Glad it helps.

    For your other issue, please post it to a separate thread so we can assist you properly.

    Thanks for understanding.

    Regards!