Content inside iFrame is unresponsive


#1

Hello Everyone,

I need some help with iframe on unbounce. I am trying to get a website inside an iframe on unbounce. If i access that website directly from mobile browser, it shows me the responsive mobile version. However, inside the iFrame the same website doesnt show responsive content, it shows the desktop version of the website. Heres the URL https://cases.unicourt.com/unicourt-test-iframe

Please help.


#2

Hi @Nishant_Dewan,

I took a look and it seems the content inside your iframe is responsive.

Can you elaborate a bit more on your issue?

Best,
Hristian


#3

Hey Hristian,

Thank you for looking this. It gives me issue when accessed on iPhone 6 and above. It has to do something with the screen resolution. Works fine with phones with low resolution or when viewing in the developer tools on browsers.

Best regards,

Nishant Dewan
Chief Technology Officer
CountryWide Debt Relief
(714) 786-8395
NishantD@CWDebtRelief.commailto:NishantD@CWDebtRelief.com
CWDebtRelief.com

Confidentiality & Dissemination Notice: This Electronic Mail (“E-Mail”) including any attachments and links contains information that is confidential and privileged. Any unauthorized review, use, copy, disclosure or distribution by or to anyone other than the intended recipients is prohibited and unauthorized. If you are not the intended recipient, please contact the sender by reply e-mail and destroy all copies of this E-Mail immediately. Nothing in this message should be interpreted as a digital or electronic signature that can be used to authenticate any contract or legal document.


#4

Hi @Nishant_Dewan,

iFrames are a tricky beast and usually way more trouble than they are worth.

Your issue is most probably with the meta tags on the Unbounce page.

You can try adding the following to see if it fixes your issue:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">

Best,
Hristian