iFrame issues with external page and moile

Hi there, I am trying to embed an iFrame to display an external page. This all looks fine on monitor, but all the text gets funky when viewed on mobile.

This is the iFrame content: https://norwichscreenart.yourwebshop.com/
which when you view it on mobile, shrinks all the text to size and it kinda works (not ideal I know, but it’s all I’ve got to work with)

This is the page with the iFrame: Products :: Norwich Screen Art
It works fine in browser mode, but when I look at it in mobile view or on my phone, the text is NOT scaling down.

What could this be? I’ve googled just about everything I can think of. If ou can point me in the right direction, I’d be very grateful

Many thanks

It’s very simple.

You iframe massive. When you embed it and see it on mobile the iframe doesn’t have any responsive code and is trying to squish a normal page into a smaller area.

Not a lot you can do really

1 Like