What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Another Responsive Form - Mobile Device Question

    Asked by RogerYelvington01 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

    Page URL:
    http://sunbrighttanning.com/offers

    Mobile mobile device different fill CSS codes and
  • Profile Image

    Answered by Cesar 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