Couple of formatting issues

  • corelight
    Asked on January 10, 2017 at 4:28 PM

    Hi - can you provide some insight into why on a mobile device as opposed to on a desktop the Company field is offset in the column it is in?

     

    Also, when I shink this responsive form, overlap occurs with the first two fields on the top left of the form only.  How can I correct this?

     

    Thanks, Mike

    Jotform Thread 1030994 Screenshot
  • Ian
    Replied on January 10, 2017 at 7:28 PM

    I could not replicate the issue. This is the screenshot from mobile

    I would suggest you to clear the form cache and the browser cache and check again.
    Browser cache http://www.refreshyourcache.com/en/home/

    Form cache https://www.jotform.com/help/229-How-to-Clear-Your-Form-Cache

             

    Couple of formatting issues Image 1 Screenshot 30

    Couple of formatting issues Image 2 Screenshot 41

    If you still face any issue let us know.

  • corelight
    Replied on January 11, 2017 at 5:50 PM

    In your example the Company field should be left justified and it is indented.  Any thoughts on why this is occuring and the best way to fix it?

  • Elton Support Team Lead
    Replied on January 11, 2017 at 11:46 PM

    There's a left padding declared for that particular field.

    Couple of formatting issues Image 1 Screenshot 20

    You can change it to 0 from 17px when viewed on mobile. Inject this CSS to your form, paste it into the bottom section. This should fix it.

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

    li#id_23 {padding-left: 0 !important;}

    }

    Regards!