Why is my Facebook Comments widget box width not expanding?

The default box width is 550 and when i double it on other forms it expands on my mobile... but when I double it on this form it doesn't expand at all on my mobile.

I have an iPhone 7 on the latest iOS

Hi,

I have checked your form on iphone7 on the latest iOS and the Facebook Comments widget seems to be displaying fine on my end.

Could you please try clearing your form browser cache and see if that can help?

Please give it a try and let us know how it goes.

I just tried what you asked again. No, it's still displaying as shown in my previous screenshot.

Hi,

It seems that the issue is only present when using the Safari mobile browser. Unfortunately, we can't insert a custom CSS code into the Facebook comment widget to fix the issue.

I will be conducting more tests and will let you know if I can come up with a possible workaround.

Thank you.

Hi,

Please try adding this custom CSS code:

Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

@media screen and (max-width: 480px){

  .facebook-comments-widget {

    min-height:263px !important;

    

  }

.fb_iframe_widget_fluid_desktop iframe{

  min-width:350px !important;

}

}

Here's a sample output using iPhone 7 Safari browser:

Please give it a try and let us know how it goes.