Content inside iFrame is unresponsive

  • 4 April 2017
  • 5 replies
  • 121 views
Nishant_Dewan

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.

5 replies

Hristian
Userlevel 7
Badge +3

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

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
Nishant_Dewan

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

Hristian
Userlevel 7
Badge +3

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

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
El_wert

You save the day for me, i had a simmilar problem, many thnx!

V

Thank you a lot!!! =)
You save my day too!
Bye

Reply


Terms & ConditionsCookie settings