How can I remove the space above the form header?

  • Profile Image
    virgojoe
    Asked on August 06, 2015 at 02:16 PM

    I want to remove the space between my text and the header in my page load.

    Can I remove any additional header or page elements to shift the entire form UP on my page:

     

    http://gallivideo.com/support/

     

     

    thanks!!!!

     

    great form bee-tee-double-u

     

    Andy

     

     

  • Profile Image
    KadeJM
    Answered on August 06, 2015 at 03:19 PM

    If I am not mistaken I believe you mean that you want to remove the large gap in the header area between the form and your page as seen highlighted in red in the screenshot below. Additionally, in the screenshot below that we can see the same gap is in it on the direct form itself too.

    The easiest way to get rid of this problem is to adjust the form height itself either with injected css or through the form designer.

    Example CSS:

    .form-all {

        margin-top: -85px;

     

    Modified Version of Your Form:

    http://www.jotformpro.com/form/52175701492959   [CLONE IT!]

    In the modified version you'll see the applied css code has pushed the form very close to the top of the page. This means on the embedded version on your end it would then be closer as you needed.

     

    Modified Version: