The mobile view of my form is off centre.

  • Profile Image
    mrkellysaunders
    Asked on September 04, 2019 at 09: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


  • Profile Image
    AshtonP
    Answered on September 04, 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.

  • Profile Image
    AshtonP
    Answered on September 04, 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: 

    15676517731.png             15676517972.png

    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.

  • Profile Image
    mrkellysaunders
    Answered on September 05, 2019 at 03: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

    ...