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
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    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
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...

      Feedback and Knowledge Base