I have a website that uses a 3rd party iframe on a certain page to pull through a calculator. On mobiles currently it just fits the screen (because it's zoomed out).

 

However I have now developed a new responsive website and on this page the iframe scrolls horizontally as you would expect but it's not ideal.

 

Is there a way of making this particular section of the page non-responsive i.e. just zoomed out as it does now or not?

 

Thanks guys!

Not really. You can set overflow on the body, or set the max-width of the iframe to 100%. failing that, if it's not essential for mobile then just display:none it.

 

this is one of the reasons I try to avoid these third party iframes as much as possible and just build my own stuff.