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

    Header cut off and too much space

    Asked by EMCA11939 on November 22, 2016 at 09:32 AM

    I’m really sorry, two more questions then I’ll go away:

    - On smart phones, the form header gets cut in half vertically (sub-head is fine), as though the container wasn’t high enough. It looks fine on web pages.
    https://www.jotform.us/form/63254107774154?preview=true
     
    - On the web page, there is a large gap of space between the header and the hairline above it. How do I reduce the space on my web page? I'd like to reduce it by at least half the amount being shown.
     
    I installed the 'Responsive-Widget' and checked off the 'make form responsive' box.
     
    Many thanks, Barb
     
    Page URL:
    http://emca.us/benefit-2017

    too much space and cut make form JotForm style size
  • Profile Image
    JotForm Support

    Answered by BDAVID on November 22, 2016 at 11:06 AM

    In order to fix the problem related to the header being cut off, please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen and (max-width: 480px) {

    #cid_32{

        margin-top: 50px !important;

    }

    }

    Result:

    On regards of the second issue, to reduce the large gap of space between the header and the hairline above it, inject the following CSS code in your form:

    .jotform-form {

        padding-top: 0px !important;

    }

    Result:

    Open a new thread if you need anything else, we will be glad to assist you.