Messenger not loading properly

Hi @zeejayym,

Sorry to hear that. I’ve had a look at your site, and it appears that one of the classes in your site’s theme’s stylesheets is interfering with the rendering of the plugin.

In your theme’s main stylesheet file – style.css – you’ll find the following class at line 487:

iframe, video, embed {
    max-width: 100%;
    min-height: 100px;
    vertical-align: top;
}

Removing the min-height: 100px; style rule will fix the rendering of the plugin.

However, I recommend carrying out a check to ensure that this does not affect any other elements on your site. The affected element in this case is the iframe, so if you’d like to further isolate the change, you can actually split the class into two separate classes:

iframe, video, embed {
    max-width: 100%;
    vertical-align: top;
}

video, embed {
    min-height: 100px;
}

As long as your site does not feature any other iframes which must have a minimum height of 100px, then this should correct the issue with no further side-effects.

I’ll mark this as resolved, but feel free to reopen if you have any further issues.

Thanks,

Facebook Team

• This reply was modified 5 years, 7 months ago by Facebook.