Another Responsive Form - Mobile Device Question

  • Profile Image
    RogerYelvington01
    Asked on March 30, 2014 at 02:47 AM

    Hey Guys!

     

    I've tried a lot fo the different CSS codes, and embedding as iframe and other ways here:
    http://sunbrighttanning.com/offers

     

    But I cannot get my form (and more specifically the main image) to be responsive:
    http://form.jotformpro.com/form/40613212448951

     

    I just want the form to stay centered, with the image "banner" to be responsive and resize above the form fields, and for them to be centered, and easy to fill.

    Any help will be very appreciated.  Thank you!

     

    Roger

  • Profile Image
    Cesar
    Answered on March 30, 2014 at 01:14 PM

    I have cloned your form and performed certain CCS Code injections, please review:

    @media only screen and (max-device-width: 550px){
    .form-all {
    width:200px !important;
    margin-left:-20px !important;
    float: left !important;
    }}

    @media only screen and (max-device-width: 550px){
    .form-image
    {
    width: 280px !important;
    height: 100px !important;
    }}

     

    Example Form: http://form.jotformpro.com/form/40885355627969?

    Please clone the form if neccesary. Do let us know if you need further assistance. Thank you.

     

     

    Related Article:
    How-to-Clone-an-Existing-Form-from-a-URL