the width of time field not same between desktop and mobile version

[burque98]

http://burque98.com/acacia/index.php/etempah/etempah-new-reservation/bilik-latihan-1


the width of time field not same between desktop and mobile version.

in mobile version the field width is smaller? can i change the width in mobile version?

 

[cheesegrits]

I don't see a difference in width using either Chrome on Android (on an HTC One, and a Nexus 7), or Chrome's mobile debugger mode. However, mobile devices and browsers can wind up doing all sorts of different things, so I wouldn't be surprised.

Anyway, you can override any CSS on the form in a custom CSS (I think I pointed you at the Wiki for how to create one) for specific media, using the @media directive, like ...

@media only screen and (max-device-width: 480px) {
   .fabrikinput.timefield {
      width: 100px !important;
   }
}

There are plenty of good tutorials on the net for what you can do with @media specific styling.

-- hugh