Another Responsive Form - Mobile Device Question

  • RogerYelvington01
    Asked on March 30, 2014 at 2: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

    Page URL: http://sunbrighttanning.com/offers
  • Cesar
    Replied on March 30, 2014 at 1: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