Proper Typeform Embedding

[jonathanrockett]

Hi Guys,

I’m trying to embed a Typeform into a Pro site and having issues… I found this thread from a month ago or so, which seems to be exactly what I need to fix it:

How To Insert TypeForm properly in Pro?

Staff sent the other user a Secure Note showing how to strip out the iframe portion of the embed to be used, which is probably what I need to make mine work as well… Wondering if I can get some help on this as well…

Thanks!

[jonathanrockett]

UPDATE:

I used only the iframe portion of the code per the answer in the other thread, and used a Classic Raw Content element this time, and the embed actually started appearing… I also used a page template ‘Blank - No Container | No Header, No Footer’ page template to get that ‘page takeover - full page’ look, which kinda works…

But it’s not ideal and still wonky on mobile. (see Secure Note for reference and access).

Is there some Element CSS or site-wide CSS that can be added to make the iframe truly full-width (browser edge to browser edge) and also function properly on mobile?

[Prasant]

Hello Jonathan,

Thanks for reaching out.

Please try out the solution mentioned in following thread:

Full width video in Pro

You can also try out following CSS under Pro > Theme Options > CSS:

.entry-content .x-container {
    width: 100%;
    max-width: 100%;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.