How do I increase the width of the Time field in phone?

Olá, 

Como escrever um codigo CSS para aumentar a caixa de texto do horário?  

Percebi que somente com um codigo CSS e possível expandir as caixas.

Poderia ajudar.

I have injected the following code in your Form:

@media screen and (max-width: 480px){
  span .time-dropdown {
    width: 120% !important;
  }
}

Please let us know how it goes.

Thanks.

Olá, 

que pena mas não funcionou ainda não está mostrando as duas casas.

EX=  XX:XX PM

I have injected the following CSS in your Form:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
.date-separate, .phone-separate {

 display: inline;
}
#input_27_ampm {
width: 140% !important;
}

#input_27_minuteSelect {
 width: 120% !important;
}

.date-separate {
 position: absolute;
}
}

Please check now.

Thanks.

bom dia, 

a hora ainda não e possível aparecer.

visualizando pelo celular.

Olá,

Alguém poderia me ajudar no ajuste deste campo?

Please try replacing the injected code with the following one and the time field should be displaying properly in the mobile devices.

@media screen and (min-width: 10px) and (max-width: 540px){

li[data-type=control_time] .form-sub-label-container {

    width: 37%!important;

}

}

Please get back to us if you need any further assistance. We will be happy to help. 

Ola,

Não funciona.

injetei o codigo anterior, substitui e não adiantou, não aparece corretamente em dispositivos moveis.

será porque ainda não sou assinante?

Estou desistindo de colocar esta função!

Obrigado por tentar me ajudar!

Our apologies about that.

We can check this for you and help you correct the form directly. However, you seem to have removed the time field.

No, it is not because you are not a subscriber. It is because of the styles in the form that needs to be fixed with custom CSS codes.