Streaming live at 10am (PST)

Responsive Facebook iframe feed?


#1

How do make my iframe responsive in a webflow column? It doesn't scale up down proportionally to the
screen width.


#2

Hi @theyurisin, could you please share the read-only site link? It will help to give a solution :slightly_smiling: http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link


#3

Sure!

Here is a link

https://preview.webflow.com/preview/iframetesting?preview=958f6402fc5d593efd82666692099222


#4

Hi @theyurisin, thanks for getting back to me, sorry for the late reply. I took a peek at the site, and it seems that you are already using the Facebook recommended code for the facebook likebox to adapt to the container width of the parent element.

The issue is, that this adaptation to the width has some limits:

  1. The minimum width is 180px and the max width is 500px
  2. The fb page plugin will adapt to fit the parent container, but only on page load. If you try to resize the window manually, the FB page will not resize until after page refresh.

Unfortunately, there is not a super easy way to make this 100% responsive, but one thing you might check, is an article on stack overflow that shows some possible custom css settings you can add to the Header of your site, to try and get better responsiveness.

To add custom code, see here: http://help.webflow.com/faq/how-to-add-custom-head-and-body-code-to-a-webflow-site

I hope this helps!


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.