Skip to content

I suggest you ...

← General

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.

13 votes
Vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
August shared this idea  ·   ·  Report…  ·  Admin →
completed  ·  Rajesh Agarwal responded  · 

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

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Anonymous commented  ·   ·  Report

    Hi,

    The RepairShopr WooCommerce Demo site is down, please can you post an up to date link?

    Thanks

  • Jarred Casselton commented  ·   ·  Report

    to fix the iFrame auto height issues - would you consider implementing "David J Bradshaw's iframe-resizer" server-side (RepairShopr) components?

  • Scott Lantow commented  ·   ·  Report

    Need fix for crap iphones not displaying iframes properly. Haven't found workaround yet...

  • Scott Lantow commented  ·   ·  Report

    yes please! Just now noticing this myself, and haven't figure out good band-aid for it yet either...

General

Categories

Feedback and Knowledge Base

(thinking…)