Header cut off and too much space

  • EMCA11939
    Asked on November 22, 2016 at 9: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
  • David JotForm Support Manager
    Replied 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:

    Header cut off and too much space Image 1 Screenshot 30

    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:

    Header cut off and too much space Image 2 Screenshot 41

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