Header cut off and too much space

  • Profile Image
    EMCA11939
    Asked 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
     
  • Profile Image
    BDAVID
    Answered 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.