you are right, the form gets cut off, this is because you are loading the form inside an iframe. Inside your theme.css the max-height of the iframe get defined to a maximum of 450px, so everything below gets cuted of.
If the iframe is not necessary i would remove that and embed the form normally or else you could remove or increase the max-height for your Iframe css.
Resetting the max height:
.inquiry iframe {
max-height: none;
}
Here is an image of that css which cuts off the form
i just opened your page, it looks fine from my side. The form is rendered until the submit Button. The CSS code is also applied to this element by you.
Try an incognito mode / or another browser, just to check if this might be a caching issue from your browser.
Hello @FIidabashi , thank you for writing in the forum, it seems that you have forced some heights on the iframe of the form, not sure how exacly did this happen but you should need the two steps I will point: 1. If you have access to the `<iframe>` tag you should remove the inline `height` css rule. 2. Remove `height` and `max-height` rules from the theme.css file (if you can access it). You can see the two steps below in the screenshot:
If neither works or if you can't remove one or neither of the above steps then the code snipped below will do the job.
Hello @FIidabashi , thank you for writing in the forum, it seems that you have forced some heights on the iframe of the form, not sure how exacly did this happen but you should need the two steps I will point: 1. If you have access to the `<iframe>` tag you should remove the inline `height` css rule. 2. Remove `height` and `max-height` rules from the theme.css file (if you can access it). You can see the two steps below in the screenshot:
If neither works or if you can't remove one or neither of the above steps then the code snipped below will do the job.
you are right, the form gets cut off, this is because you are loading the form inside an iframe. Inside your theme.css the max-height of the iframe get defined to a maximum of 450px, so everything below gets cuted of.
If the iframe is not necessary i would remove that and embed the form normally or else you could remove or increase the max-height for your Iframe css.
Resetting the max height:
.inquiry iframe {
max-height: none;
}
Here is an image of that css which cuts off the form
i just opened your page, it looks fine from my side. The form is rendered until the submit Button. The CSS code is also applied to this element by you.
Try an incognito mode / or another browser, just to check if this might be a caching issue from your browser.