I have a visualforce form which is embedded in my wordpress website via an iframe. When viewing the form using its public URL (I created a Site to access the form), it is responsive (when the browser is not wide enough, the text wraps to the next line), but when viewing the form on my website (via iFrame), it is not responsive.

Does anyone know how to fix that?

This is how I embed my form:

[iframe src="http://link-to-my-salesforce-site" width="100%" height="750px"]

Please let me know if you need any more details or clarification.



Try using: min-width="px" height="750px"

you might have a hard time with this one you don't have direct access to the dom of the iframe contents.

| improve this answer | |
  • That doesn't seem to work :( – user3515 May 17 '17 at 14:49
  • I don't think you can make iframes responsive because you don't control the dom of the iframe. – binaryLady May 17 '17 at 19:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.