I have a date field that is not formatting correctly for normal desktop

Hi there

I have a date field that is not formatting correctly for normal desktop.

It's even worse on an iphone.

Can you please assist?

On a desktop the hours/minutes labels are not correct -   Also the AT symbol is hidden beneath the fields. (it can be removed)

And on an iphone the same thing is happening PLUS the AM/PM symbol has slipped to the next page.
Regards

Cres

I've fixed it for you by adjusting your custom CSS Codes, specifically for the DateTime field to the following:

[data-type="control_datetime"].allowTime .allowTime-container {

    float: none !important;

    margin-left: 20px;

}

@media only screen and (max-device-width: 768px) {

    [data-type="control_datetime"].allowTime .allowTime-container {

        float: none !important;

        margin-left: 24px !important;

    }

    [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:first-child {

        width: 5% !important;

        margin-left: 2% !important;

    }

    [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container {

        margin-right: 5% !important;

    }

    [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container {

        width: 24% !important;

    }

    [data-type=control_datetime] .form-sub-label-container+.form-sub-label-container+.form-sub-label-container {

        width: 24% !important;

        margin-right: 5% !important;

    }

    [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:last-child {

        width: 24% !important;

    }

}

Hi Welvin - I've had a few issues sorted by you.

You're awesome!

Thanks Again

Cres