The form is not centered on mobile devices

I am trying to get the header image/text centered and the main form itself centered while in the mobile portrait mode. Can someone assist me with this.

Hi there, @NWMonitoring!

Thanks for reaching out to us!

Could you please allow me some time to closely look into this?

I promise I will be right back the soonest I can.

Your patience is most appreciated..

Please insert the following CSS code into your form:

.form-all{ 
  width: 100% !important;
}

.div.form-header-group{
width: 100% !important;
}

Related guide: How-to-Inject-Custom-CSS-Codes

I hope I have been of any help.

I injected the code above and the header for the mobile view in portrait orientation is still off center. Any ideas what I am doing wrong? Thanks

I have fixed that. Please check again. The custom CSS codes are the following:

.form-header-group.header-default {

    margin-left: unset !important;

}

.supernova .form-all, .form-all {

    margin: 0 auto !important;

    margin-top: 100px !important;

}

Perfect. Thank you so much