Skip to main content

How to Make an iFrame Responsive on a Mobile Browser

Updated over 4 months ago

This feature is only available with the following products:


​Q: I am having difficulty getting an iFrame on a portal to look right on a mobile device. It looks fine when viewing on the computer, but not when viewing on a mobile browser. Can something be done?
​

A: The image may have a fixed max width. To make the image responsive to the mobile browser, go to the code and replace the max width with "100%".

Example:

Old Code:

style="position:relative; max-width:640;"
​

New Code:

style="position:relative; max-width:100%;"
​

Did this answer your question?