Form Builder: top of form is cut off

Hi team,

I can't scroll up any further in the Form Builder and the top of my form is cut off so I can't see it or edit it. Any idea what is happening?

It is fine in live or preview mode, but in edit mode, I can not see the top of the form.

Hi Barung,

Thanks for using Jotform. I looked into your forms but couldn't find the form from the screenshot you sent. If you could share the link to your form, I can check it out and see what’s going on. You can easily find your form's URL in Form Builder. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the Quick Share tab, click on Copy Link in the Share With Link section.

Once you share the form URL with us, we’ll be able to help you better with this.

Sorry Sheena, here it is!

https://form.jotform.com/252518680148865

Hi Barung,

I cloned your form and I can easily replicate the issue. It's because of the CSS code you added to your form, which is:

.supernova {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  min-height: 100vh !important;

}

Base from the code, it looks like you want to display the form to the center, because the theme you selected puts it on the left side of the page. You can replace it with the code below instead:

html.supernova .form-all {

  margin: 0 auto !important;

}

Check out my result:

Let us know if there's anything else we can help you with.

Okay, thank you so much!

Hi Barung Landcare Accounts,

Your request has been answered and the thread is closed.

If you have another question or need more help, feel free to reply here and we'll assist you right away.