Form is getting cut off on landing page

[adf1130]

I've got a form that I just created on a landing page, but it keeps getting cutoff on the bottom.  I've checked another form that we created a while back (cloned it, etc.) and it works fine.  The new form is actually shorter than the old form, both are linked below.  Anyone have any ideas on how to resolve?

NEW FORM: https://go.bdex.com/vp-custom-audience

OLD FORM: https://go.bdex.com/tivo-bdex-partnership-segment-request

I've looked through everything I can find and can't seem to find the setting that will fix this.

[DGarg]

Hi @adf1130 

This issue is because of the padding bottom. If you give padding bottom 1365px in the new page, it will work fine as it did in the old page. The class (.body-container--contact .hero-section) had 2000px padding from the bottom in the old page.

Hope this will helps you out. Please mark it as Solution Accepted & Upvote to help other Community member.
Thanks!

Deepak 

[ankitparmar09]

Hello @adf1130 

Yes, it can be double.

This is the only issue in CSS. You can replace the CSS I can give.

.body-container--contact .hero-section {
padding-bottom: 150px;
}

.lp-form-container {
height: initial;
}

.lp-form-container .lp-form-card {
position: initial;
} 

The above CSS can help you. Thanks