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

  • Profile Image
    IMACON
    Asked on November 09, 2016 at 03:48 AM

    want to put label and input on same line

     

     

  • Profile Image
    Mike_G
    Answered on November 09, 2016 at 07: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.

  • Profile Image
    sarahahmad
    Answered on April 14, 2017 at 04: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