Center form on mobile device

  • Profile Image
    shades
    Asked on December 15, 2012 at 05:27 PM

    I did what you said to put the css code change under preferences

    but that changed my website form on desktops and laptops.

    The problem is when viewing the website on an iPhone or droid etc.

    If you go to the website www.mobilevancouver.net on a pc you will

    see that the form is positioned correctly.

    Then if you can view the same website on a mobile device.

    The form shifts to the left and is not centered.

     

    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.

    Page URL:
    http://www.mobilevancouver.net

  • Profile Image
    idarktech
    Answered on December 15, 2012 at 06:22 PM

    Hi,

    Try to inject the following CSS codes to your form, see if this makes differences.

    .form-label-top, .form-label-left{

    margin-left: 46px !important;

    }

    Follow this guide: How to Inject Custom CSS Codes to your Form

    Let us know if this doesn't help. Thanks!

  • Profile Image
    idarktech
    Answered on December 15, 2012 at 08:06 PM

    Hi,

    Sorry but I think my first suggestion will not work. Please remove that code and use this instead:

    .form-all {

    margin: auto !important;

    width: 690px !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    We'll wait your feedback. Thanks!