Input Table: How to I change the field's width on mobile devices?

One last thing. Despite changing the column width for the TOTAL table, the columns do not widen in mobile view so it will only display up to 2 digits in each row. For instance, instead of display 100 it will display 10.

Please inject the following CSS code to your form in order to display the fields wider on mobile devices: 

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

  #id_79 .form-matrix-row-headers {

      width: 25px;

      min-width: initial;

  }

}

This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

I hope this helps. 

Thank you for your reply however I injected the code and it is still displaying the same way in mobile view.

I have just checked on a cloned form of yours and the code worked: https://form.jotformpro.com/72618094437967 

I can see you have already deleted your form, may you please provide us a new form where  you injected the code? 

We will be glad o inspect it. 

The web address to the form I'm using is https://form.jotform.com/62695200624150. The total that should be showing is $205 however the last number is cut off due to the column not being wide enough.

I have just cleared your forms cache and also removed the code and added it again to your form, it seems to be working now, may you please check now? 

This is how the form should be showing up on your end: 

I hope this helps. 

It is displaying properly now. Thanks!