My Hugo Journey

HOME

Hugo Comments

Facebook Comments integrates closely with a Facebook page.

<div class="fb-comments" data-href="https://andrew9.com" data-mobile = "true" data-width="100%" data-numposts="4" data-order-by="reverse_time"> </div>

However, there are two elusive issues that I have not yet been able to resolve.

Here is a recent fix that I am still testing…

This will load the width of what’s available to the plugin at loading time. When you resize your page it will remain the same width it had when you loaded the page. To fix this - and make a true responsive version of the Facebook Social Plugin - add the following in your CSS:

.fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }