Weird layout issue?

[uxmediahouse]

any idea why this reviews widget is showing up below the footer?? it is a global block…

Home - Accessible Systems

it should be in the white space to the right of the form…

[rad]

Hi Andrew,

Thanks for reaching out.

The problem is the embed code that is added,

<script async defer id="pulsem-embed-widget-review" src="https://static.speetra.com/embed-pulsemweb-review.js" data-width="600px" data-height="780px" data-id="7af1456e1ace7797cfb33aeb594fe9ad9a1ea2977386cc032ceab77604a4776d7c5bbf08f2f1b90bcf5b8d7a5e5c71c4a2dcd6eac99742af7a8cf6a244f6773e332ca34bbe95052d53ad60404848d26ec43636cd8955037372206e21ffb5af0f9406ed2c58414eb25cd5b3a1de981274099b8e7d3eab861d4cdf3cde0f8dec41"></script>

It is added outside the column, hence it renders outside the layout. The script adds the iframe widget, I recommend adding a raw element within that columnm and place your embed code within that raw element.

Thanks!

[uxmediahouse]

Thanks! I just did this(adding code in a raw element), and I still get the issue… any ideas? maybe the code is the issue?

i emptied cache Fastest Cache, and also the cloudflare cache… it all looks good in brave, but not in any other browsers that i test in.

and what is odd, is the layout worked fin on the dev server, but upon copying to the live server there are now these issues. I am using WPengine as a host, so the server environment should all be the same.

[uxmediahouse]

I think i solved this… i installed the iframe directly… not the js code. If you could take the time to confirm for me that would be great!

[ruenel]

Hey Andrew,

Yes, it is coming from an iframe code added in one of your columns inside the global block.

<iframe frameborder="none" src="https://app.pulsem.me/widget/review/7af1456e1ace7797cfb33aeb594fe9ad9a1ea2977386cc032ceab77604a4776d7c5bbf08f2f1b90bcf5b8d7a5e5c71c4a2dcd6eac99742af7a8cf6a244f6773e332ca34bbe95052d53ad60404848d26ec43636cd8955037372206e21ffb5af0f9406ed2c58414eb25cd5b3a1de981274099b8e7d3eab861d4cdf3cde0f8dec41?clientId=undefined&amp;appInstallerId=embed-pulsemweb-review.js" scrolling="no" style="width: 100%; max-width: 600px; height: 780px; padding: 0px; margin: 0px; overflow: hidden;"></iframe>

Regards.

[uxmediahouse]

Thanks! yes, it is working fine now.

[ruenel]

You are most welcome!