Mobile Version of Form to Desktop View

  • Profile Image
    karlhunter92
    Asked on January 04, 2013 at 09:01 AM

    Hi, 

    Does any know how I can make the form look the same as on a desktop? When I see the form on a mobile all the fields go horizontal? Is there a way around this so that it looks exactly the same as the desktop version.  

    http://adwaltonwindows.co.uk/Book_a_Home_Survey.html

    Thanks in advance. 

    Karl

  • Profile Image
    idarktech
    Answered on January 04, 2013 at 10:27 AM

    Hi Karl,

    Since you are embedding your form using source code, please find .form-all class on your form source code and append this property on it.

    min-width: 759px !important;

    Check this visual guide:

     

    You may also add float:left !important; under .form-label-left class. This should fixed the address label position.

    This should be the result:

    Let me know if you have difficulties applying the css codes. Thanks!

  • Profile Image
    karlhunter92
    Answered on January 04, 2013 at 12:40 PM

    Brilliant, Thank you, really appreciate that!