Html Field on Form Is too Wide

  • Profile Image
    chadsorsdahl
    Asked on February 04, 2012 at 03:29 AM

    Hi,

    I have created a form for a doctor to collect info.  It has been designed as a mobile optimised website for smartphones.

    The form width is 310px to stay within the screen and i do not want to scroll across.

    When I add an Free Text (HTML) field for a header, the title is centered but to the right and off the screen.  Why is the html field going wider than 310 px when that is what the form width is?  How do I make sure that the whole form width stays within the 310 px and on a mobile screen?

    the site is http://bit.ly/colagrande, if you can search it on your mobile phone:

    click: contact dr ces, then: cosmetic surgery online consultation

    Kind regards,

    Chad

  • Profile Image
    idarktech
    Answered on February 04, 2012 at 04:16 AM

    Hi Chad,

    Please try to inject this custom CSS codes on your form and see if this would fix the overflowed elements.

    .form-html {

    max-width: 290px;

    width: 280px;}

    .form-label-top {

    max-width: 280px;}

    .form-all{

    max-width:300px;}

    Please let us know if this helps or not so we can further assist you with this. Thank you so much!

  • Profile Image
    chadsorsdahl
    Answered on February 04, 2012 at 09:05 PM

    Thanks,  that seemed to do the trick.

    Greatly appreciated

    Chad