responsive design for device repair widget
On our website the Device Repair Widget looks great on a desktop but the mobile version looks terrible. It would be great to have a way to have the widget be responsive to the size of the screen.
![](http://www.gravatar.com/avatar/4ff91cc81bdf2e00373a4393b5e3c5c9?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
Hey everyone -
We’ve been leaving this to individuals since it works with a slight css tweak, but I’ll put a copy of the css here too:
.rs-widget-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 2000px; } .rs-widget-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }Swap the css you embed with this and it should work – or have your developer compare it to our sample site: http://woocommerce-demo.repairshopr.com/device-repair
-
Anonymous commented
Hi,
The RepairShopr WooCommerce Demo site is down, please can you post an up to date link?
Thanks
-
Jarred Casselton commented
to fix the iFrame auto height issues - would you consider implementing "David J Bradshaw's iframe-resizer" server-side (RepairShopr) components?
-
Dennis Rodriguez commented
Please fix!
-
Scott Lantow commented
Need fix for crap iphones not displaying iframes properly. Haven't found workaround yet...
-
Scott Lantow commented
yes please! Just now noticing this myself, and haven't figure out good band-aid for it yet either...