How do I make my embedded iframe responsive?

  • 2ndnature
    Asked on February 1, 2018 at 3: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.

  • Mike
    Replied on February 1, 2018 at 5:00 PM

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

    iframe {
    width: 100% !important;
    }

    How do I make my embedded iframe responsive? Image 1 Screenshot 30

    Result:

    How do I make my embedded iframe responsive? Image 2 Screenshot 41

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