Why part of the form was cut when integrated to an external site?

Hello,

I integrated my form in my website. However, the date pop-up below in my form was cut and the hover message does not appear. Is there any way to fix it?

Thanks!

I tested your form, but I wasn't able to replicate any issue with it: 

I tested on phone as well, and the form is not cut off.

Are you still able to replicate this issue?

Thank you!

Hello Nik_C, 

I'm using my mobile phone right now. Here's a screenshot of my form straight from my website.

https://www.craftlabph.com/pages/invitation-quotation-form

If that's the only page where you're having issues with, you can add a bit of margin to the last element on that page (which is the PAGE BREAK) to adjust the height of the form.

Just inject the following CSS codes to your Form Builder:

#cid_125 {

    margin-bottom: 70px;

}

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

Result:

That worked, Jim_R! Thank you!

While were at it, is there a way to adjust the margin in left and bottom side of the form? Just like the top and right side? Thanks again!

Glad that helped - If this should be applied to the entire form, use the following CSS codes:

.form-all {

    margin: 10px auto !important;

}

It worked! Thanks again, Jim_R!