topic Form is getting cut off on landing page in CMS Development

Form is getting cut off on landing page

adf1130 — Wed, 13 Sep 2023 20:37:33 GMT

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.

Re: Form is getting cut off on landing page

ankitparmar09 — Thu, 14 Sep 2023 13:16:59 GMT

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

Re: Form is getting cut off on landing page

DGarg — Thu, 14 Sep 2023 13:22:30 GMT

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