How can I get my form to show up on a mobile device correctly, without the words in the columns being stacked on top of one another?

Hello!

I have been trying to figure out how to adjust the sizing so when the form is sent to any of my clients and they view it on their mobile device the form doesn't look illegible. I know that this particular User Guide Support Form: https://www.jotform.com/help/311-Deprecated-How-to-Make-the-Form-Responsive-Using-the-Form-Designer-Tool stated that all of the templates are now mobile responsive automatically, which is great! But how do I adjust the sizing?

Here is the link to my form: https://www.jotform.com/build/80954158584165

Thank you!

Is the issue related to columns of Input Table fields?

If so, you can add this CSS code to 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){

.form-matrix-row-headers {

    width: 80px!important;

}}

How to Inject Custom CSS Codes

Here is my demo form: https://form.jotform.com/80991970204965 

If the issue is related to something else, please provide us more details about your issue and if possible provide us a screenshot of the issue.