Form is looking funky (fields on top of each other)

  • Profile Image
    John
    Asked on March 27, 2012 at 05:06 PM

    I injected custom CSS in this form for the "address" fields so that it would fit width of 280px (form is embedded on a mobile website).  However, the submit button and facebook URL field are showing at the top and are layered on top of each other- how do I fix this?

  • Profile Image
    jonathan
    Answered on March 27, 2012 at 05:30 PM

    I am sorry, I was not answering you correctly. That seems to be not the problem. I'll check it out again.

  • Profile Image
    jonathan
    Answered on March 27, 2012 at 05:32 PM

    Hi,

    Can you provide us the URL or a screenshot of how it look like in your page? This way, we can check better how it get funky.

    Thanks.

  • Profile Image
    createmymobile
    Answered on March 27, 2012 at 06:10 PM

    Hi- it appears to be okay now, as far as no longer overlapping.

    But it's still a bit too wide when viewing from my iphone- the page is at http://mobiledeal.org/order/

    Unfortunately you would have to see it from an iphone (or android possibily) to see the right side of the form is extending out just slightly from the "white rounded rectangle" that it's embedded in.  It's not that big of a deal if it can't be fixed- I can live with it.  I've shrunk the form width down to 100 and it's still giving the same problem.

  • Profile Image
    jonathan
    Answered on March 27, 2012 at 06:23 PM

    Hi,

    I am able to view it on an iphone(sort of) using iOS ver 5.0. It seems you form is just fine.
    I tried it also in Android 2.3 in Samsung Galaxy S II and also looks ok.

    These emulators is good as the real thing.

    Thanks.