The mobile view of my form is off centre.

  • mrkellysaunders
    Asked on September 4, 2019 at 9:24 PM

    I've seen a bunch of articles with a solution that requires coding, but I'm not a programmer. It looks like a very common complaint, how is this an issue that spans more than 5 years? I love all the other functionality, honestly it's great, but this is kind of a deal breaker because it doesn't look professional for my business. 

    Can you help?

    Thanks in advance.


    Kelly Saunders


    Jotform Thread 1952323 Screenshot
  • AshtonP
    Replied on September 4, 2019 at 10:33 PM

    Can you please confirm that do you want to align form fields/title in the center? Is it just for the mobile view or you want the changes on other views as well?

    Please confirm so that I can assist you accordingly.

  • AshtonP
    Replied on September 4, 2019 at 10:52 PM

    I can see that the form is aligned to the left in your screenshot. If you are looking forward to aligning the same in the center, please insert the CSS below to your form:

    @media (max-width:480px){

      div.form-all{

        margin-left:10px!important;

      }

    }

    This is how it looks after applying the CSS:

    Before:                                                after: 

    The mobile view of my form is off centre. Image 10             The mobile view of my form is off centre. Image 21

    You will notice that the form is aligned in the center in the second screenshot.

    Here is a guide that will provide you detailed steps on how you can inject the CSS code to your form: How-to-Inject-Custom-CSS-Codes

    Let me know if you have any questions or need any further help.

  • mrkellysaunders
    Replied on September 5, 2019 at 3:43 AM
    Thank you for the quick response, seems to have resolved the issue!
    Great service :)
    *Kelly Saunders*
    President
    778.840.5357
    www.abstractenergy.ca

    ...