iframe width issue

[zaahideen]

on my website:
http://idauk.org/index.php?option=com_content&view=article&id=147

i have a javascript widget from this website:
http://www.worldtimebuddy.com/event-widgets

the problem i am having is that it isnt responsive. hence when i access my website on a phone, it cuts off.

looking at the html, it seems to be a iframe. is there anyway of using something like width=auto or width=100% to resize the widget so it fits on narrow screens?

[Beverleyh]

Although you can make the width of the iframe 100% in your own page, it would have no bearing on the page displayed through the iframe if that itself isn’t responsive.

I see on the supplier’s website that there are different widget options though, so maybe you could create 2 widgets and display the larger one on wide viewports and a smaller one on mobile?

[zaahideen]

thanks

is it possible to make the iframe scrollable? so a user could swipe/scroll accross in the iframe region to view the “cut” part?
+

[Beverleyh]

Well, normally you’d use the overflow property with value set as auto. You might need to wrap the iframe in a div and set the overflow on that though. Give it a whirl and see what you come up with.

[Author]

Posts