Why is my Facebook Comments widget box width not expanding?

  • Profile Image
    CrispCuts
    Asked on February 09, 2021 at 02:53 PM

    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



  • Profile Image
    Jovanne_A
    Answered on February 09, 2021 at 08:31 PM

    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.

    1612920618_6023372a685cb_9.png

    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.

  • Profile Image
    CrispCuts
    Answered on February 10, 2021 at 01:52 PM

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

  • Profile Image
    Jovanne_A
    Answered on February 10, 2021 at 04:43 PM

    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.

  • Profile Image
    Jovanne_A
    Answered on February 10, 2021 at 05:03 PM

    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:

    1612994570_6024580ab6ab4_14.png

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