How do I make my embedded iframe responsive?

  • Profile Image
    2ndnature
    Asked on February 01, 2018 at 03:43 PM

    I've tried including the mobile responsive widget, but that only affects all the other form elements.  I assume I have to add something to the CSS box but I am a complete newbie at that!  Any ideas please?  Many thanks.

  • Profile Image
    Mike
    Answered on February 01, 2018 at 05:00 PM

    Please try adding the next CSS to the Custom CSS section of the Iframe Embed widget:

    iframe {
    width: 100% !important;
    }

    Result:

    If you need any further assistance, please let us know.