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

    How do make Text field responsive?

    Asked by beachchurchjax on September 28, 2015 at 01:09 PM

    How do i get the HTML header to shrink? when my form is mobile responsive?

    mobile responsive
  • Profile Image
    JotForm Support

    Answered by BJoanna on September 28, 2015 at 02:20 PM

    I have inspected your form http://www.jotform.com/form/52357889700162 and I noticed that header (Text) field is not responsive.

    The reason is because you have added width code for each line of text inside of Text field Source code. To make this part of your form responsive replace existing code inside of Source Code of your text field with this code:

    <div id="header" class="headerclass pagemargins" style="background-color: #ffffff;">

    <p><img class="headerimg pngfix" style="padding-right: 15px; margin-left: auto; margin-right: auto;" src="https://jufs.s3.amazonaws.com/14241006654647910" alt="Header Image" height="95" /></p>

    <div style="text-align: center;"><span class="wordwrap" style="font-size: 24pt;"><span class="pspan trebuchet" style="text-align: center;"><span class="ispan" style="color: #000066; font-weight: bold;">EPWORTH 2015</span></span></span></div>

    <div style="text-align: center;"><span style="font-size: 18pt;">November 13-15</span></div>

    <div style="text-align: center;">&nbsp;</div>

    <div style="text-align: center;"><span style="font-size: 10pt;">Epworth is our annual fall retreat in St. Simons Island, Georgia. &nbsp;Spend an entire weekend worshiping, studying scriptures, growing in faith and having fun!</span></div>

    <div style="text-align: center;">&nbsp;</div>

    <div style="text-align: center;"><span style="font-size: 10pt;">Pay by 10/11 - $150. &nbsp;Pay after 10/11 - $175.</span></div>

    <div style="text-align: center;"><span style="font-size: 10pt;">Registration deadline is 10/25.&nbsp;</span></div>

    <div style="text-align: center;">&nbsp;</div>

    <div style="text-align: center;"><span style="font-size: 8pt;">Payments can be made at the Giving Kiosk in the Lobby, online at beachchurchjax.com, or by turning in a check to Alison Garcia.</span></div>

    </div>

    After you change this code your form will look like this.

     

    Here is mine cloned form where I changed mentioned code: 

    http://form.jotformpro.com/form/52705346997973? 

    Heel free to clone it.

    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by Courtney on September 29, 2015 at 10:40 AM

    Thank you so much!!!

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 29, 2015 at 11:09 AM

    You're welcome.

    Feel free to contact us if you have any other questions.