Facebook Comment Plugin- Width not at 100% on Mobile

Site URL: https://www.nauti-bar.com/

I've injected the HTML code provided by Facebook to display comments on my page. I have data-width="100%", however the mobile version is not displaying the width at 100%. Does anyone know of a way to fix this problem? I've included my code below:

<div class="fb-comments" data-href="https://www.nauti-bar.com" data-width="100%" data-numposts="5" data-order-by="reverse_time"></div>

20 hours ago, 71Visuals95 said:

Site URL: https://www.nauti-bar.com/

I've injected the HTML code provided by Facebook to display comments on my page. I have data-width="100%", however the mobile version is not displaying the width at 100%. Does anyone know of a way to fix this problem? I've included my code below:

<div class="fb-comments" data-href="https://www.nauti-bar.com" data-width="100%" data-numposts="5" data-order-by="reverse_time"></div>

It looks like your issue has been solved. Is it ok at the moment?

How did you fix this issue?

On 3/9/2022 at 8:20 PM, VirgoAquarius said:

How did you fix this issue?

Can you share link to page where you have problem? We can take a look

 This worked for me

.fb_iframe_widget,
.fb_iframe_widget > span,
.fb_iframe_widget iframe {
    width: 100% !important;
}

Anyone found a solution to this? Facebook comments looks fine on desktop but tablet and mobile have a bunch of white space on the right.

URL: https://artdomain.co/articles/the-curious-case-of-gustav-klimts-enigmatic-portrait-of-a-lady

This is the code I added to the Post Blog Item Code Injection space:

<div class="fb-comments" data-href="https://artdomain.co/blog{website.baseUrl}{permalink}" data-width="100%" data-numposts="5"></div>