How to fix form layout problem?

  • Profile Image
    Michael
    Asked on December 15, 2012 at 12:59 PM

    Hi,

    I built a form for my website.

    Here is the link to the website with the form installed.

    Mainsite:    http://www.mobilevancouver.net

    The form centers perfect on the website on a laptop or desktop.

    But when I view the website on a mobile device

    part of the form shifts to the left. (enter your name) (enter your email)

    The button stays center though.

    I've tried the iframe code also but did not help.

    Any suggestions.

    Thankyou,

    Michael,

    P.S    The screenshot below is from my iPhone so you can see whats happening.

  • Profile Image
    Welvin
    Answered on December 15, 2012 at 04:32 PM

    Hi Michael,

    Please try injecting this codes to your form;

    .form-label-right {

    width: 276px !important;

    }

    Adjust the value if needed.

    Guide: How to Inject Custom CSS Codes

    Thanks