How to make the input field in the same line with the field label in mobile devices?

  • IMACON
    Asked on November 9, 2016 at 3:48 AM

    want to put label and input on same line

     

     

  • Mike_G JotForm Support
    Replied on November 9, 2016 at 7:16 AM

    Please try to add the following CSS codes below to your form:

    @media (min-width : 304px) and (max-width: 717px){

         .form-label{

              width:50% !important;

         }

         .form-input{

              width:25% !important;

         }

         div#cid_73 {

              display: block !important;

         }

         label#label_73 {

              display: block !important;

         }

    }

    To learn how to add CSS codes to your form, please refer to this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps. If you need any further assistance, please feel free to contact us anytime. Thank you.

  • sarahahmad
    Replied on April 14, 2017 at 4:46 AM

    Hi Jot support,

    I tried to add same code but no use. I want the field name of second box just beside (left) of it. But it's placed on it's top. It should looks like €23.22 on mobile screen, but it looks

             €

          23.00

    Link: https://form.jotform.me/71003027736447

    Thanks

     How to make the input field in the same line with the field label in mobile devices? Image 1 Screenshot 20