How to display the table from a text field in rows instead of columns on a mobile device?

  • timbroer
    Asked on July 19, 2019 at 7:24 AM

    Hello, 

    I've a question about the usp's in my form. As you can see, the usp's are next to each other on desktop. But is it possible to show the USP's under eachother on mobile view?


    https://eu.jotform.com/build/60961177962364


    Kind regards

  • Richie JotForm Support
    Replied on July 19, 2019 at 8:54 AM

    I have checked your form but I'm not sure where the "usp" fields are.

    Can you please share to us what fields are under "usp"?

    You may provide a screenshot, here is a guide:https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-to-the-support-forum


    Looking forward for your response.

  • timbroer
    Replied on July 23, 2019 at 3:46 AM

    I added the screenshot below. Is it possible to show those usp's under eachother (instead of next to eachother) on mobile screen?


    1563867890usp's Screenshot 10




  • Kiran Support Team Lead
    Replied on July 23, 2019 at 7:21 AM

    Please try adding the following CSS code to your form so that the text shall be displayed in rows on mobile devices.

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

        #text_36 tbody, #text_36 thead { float: left; }

        #text_36 thead { min-width: 120px }

        #text_36 td, #text_36 th { display: block; width: 300px; }

    }

    Thank you!