Mobile view issue: the email field is over lapping the phone number field.

  • Profile Image
    MCCJAY
    Asked on February 10, 2017 at 06:31 PM

    Hello,

     

    I am having the below problems, the email field is over lapping the phone number field and the lets start button on the first page is not centered. I have had this issue a few times and I'm not sure why this keeps happening. 

     

    Thank you

     

  • Profile Image
    BDAVID
    Answered on February 10, 2017 at 06:57 PM

    Try injecting the following code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    #id_56{

        width: 100% !important;

    }

    #form-pagebreak-next_60 {

        margin-left: -50px !important;

    }

    }

    Result:

    Let us know if you need more help.

  • Profile Image
    MCCJAY
    Answered on February 11, 2017 at 12:03 PM

    Hello,

     

    That did help on the mobile view however when I view it on a desktop I am still off center

     

    Thank you again for your help

  • Profile Image
    Kiran
    Answered on February 11, 2017 at 04:00 PM

    I see that you have already injected some CSS code to the form to center the button.

    The code provided by our colleague should be working only when the form is viewed on mobile devices. If you still need any assistance with your form, please let us know. We will be happy to assist. 

  • Profile Image
    MCCJAY
    Answered on February 12, 2017 at 03:19 PM

    Hello,

     

    Yes, I do need additional help on this. Is there a different CSS code I need to use to make sure my button is centered when viewing on a desktop?

     

    Worst case: Can anyone tell me what codes need to be removed/add so it is centered on a desktop and not on mobile? I would like it to be centered on both mobile and desktop but if I had to pick I would go for desktop for now.

     

    Thank you

  • Profile Image
    EltonCris
    Answered on February 12, 2017 at 07:27 PM

    I've fixed it for you. Kindly check your form now https://www.jotform.com/63656033912152

    Buttons are now centered on desktop and on mobile. I've also fixed the display of your phone on mobile.