Embed form in Wordpress.com site not responsive

  • Profile Image
    rthornto
    Asked on March 17, 2018 at 12:03 AM

    Using the Responsive Layout - General Inquiry Contact Form

    It's NOT responsive at all!

    https://mikethorntonjazz.com/contact/

    Please help.



  • Profile Image
    rthornto
    Answered on March 17, 2018 at 12:12 AM

     Added the "Mobile Responsive Widget" also - and still not working! ???

  • Profile Image
    Adrian
    Answered on March 17, 2018 at 09:48 AM

    It looks like the width of the Iframe of the form is hard-coded in the source code.

    1521294248w.png

    I am not sure if you are able to edit that.

    Please try adding this Custom CSS code to your form.

    iframe {
      width: 100% !important;
    }

    The code above should fix the issue.

    You can also try embedding the form using the Iframe code (not oembed) but I am not sure if this is allowed on your wordpress.com website.

    The code can be found here. https://pastebin.com/raw/gFCkAmap