- This topic has 7 replies, 2 voices, and was last updated 8 years, 6 months ago by
.
The form seems to have strange dashes on the right hand side of this page:
http://sweetme.creativeflowmedia.org/affordable-home-newborn-photography/
I have the same form on the contact us page and it looks just fine. The mobile also looks fine too. It’s just on this page that the border gets cut off.
Please advise.
Hi @shanticfm,
I hope you are well today and thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#content { overflow: hidden; }Best regards,
Shufflehound teamI added the code but the form is still being cut off?
http://sweetme.creativeflowmedia.org/affordable-home-newborn-photography/
Please try adding the shared CSS code at the top of your existing custom CSS code.
Yup, tried that too.
Still not working and now it’s cutting off the whole bottom…
Solution for this topic
Actually i found out that the following CSS code you have used in your inquiry form is causing the issue. We can’t change this CSS developing other custom CSS code as you are using the form in iframe tag.
@media screen and (min-width: 500px) and (max-width: 850px) { #mainFieldWrapper { width: 550px; margin-left: 10px; } }Thanks for getting to the bottom of this!
You are most welcome here 🙂
