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 not filling out the full jotform width

    Asked by mdarrigo on January 29, 2015 at 09:59 PM

    My header does not fully fill my form. It's leaving a margin on the left and right of the form, however it does appear that way when I preview the form. It only shows when I put it on a web page.

    Screenshot
    preview fill header width CSS layout
  • Profile Image

    Answered by Ben on January 30, 2015 at 01:49 AM

    It is always best to give us the link to the page where the jotform is to be sure that we can see the issue and suggest proper code to resolve this, but looking at your jotforms I think that I have spotted the potential 'issue' withing the CSS code.

    This should help you to resolve this and have the header shown fully wide on your jotform:

     

    #cid_7 > div.form-header-group {
        margin-left: 0 !important;
        width: 100% !important;
    }

    To inject it to your jotform, please follow these steps: Inject Custom CSS Codes

    Do let us know how it goes :)