Couple of formatting issues

  • Profile Image
    Asked on January 10, 2017 at 04: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

  • Profile Image
    Answered on January 10, 2017 at 07: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

    Form cache


    If you still face any issue let us know.

  • Profile Image
    Answered on January 11, 2017 at 05: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?

  • Profile Image
    Answered on January 11, 2017 at 11:46 PM

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

    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;}