Decreasing the header's width for alignment

Hi my header is wider than the rest of the form. How can I change it so it lines up with the rest of the form.

Also

Thanks Mark

Hello there,

You can decrease the width of the header by using this custom CSS code:

.form-header-group {

width: 548px !important;

}

Here's a guide on how to inject custom CSS.

Hope this helps. Let us know if you need further assistance.

Thank you.

I created another thread for your submit button inquiry. This is the URL of the new thread: http://www.jotform.com/answers/539382

Thank you for understanding.

Hi Jan,

Ok that has fixed the width now. I have selected the form to be responsive but the header and condition field are going off the right hand side of the screen on mobiles. On ipad the fields are going full width of screen and the header is staying at a fixed width which is smaller.

Thanks Mark

Hi Mark,

Remove the custom CSS codes for the header width and use the following instead:

.form-header-group {

    margin : 12px 48px 12px 36px !important;

}

For the "condition" checkbox field, use the following custom CSS codes:

span.form-checkbox-item {

  white-space: normal !important;

}

As for receiving the forum reply issue, will answer it here: http://www.jotform.com/answers/540124 

Thank you!

Hi Welvin,

Ok that has fixed the header and condition field but

Thanks Mark

Hi Mark,

That's great to know! Will handle all the remaining issues into a separate threads, please find the links below:

iPad issue: http://www.jotform.com/answers/540159

Sub-label on iPhone issue: http://www.jotform.com/answers/540160

Thank you!