I suggest you ...

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
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
You have left! (?) (thinking…)
August shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
completed  ·  AdminTroy (Founder, RepairShopr) 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

4 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...

Feedback and Knowledge Base