Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Post embed width under 350px

See original GitHub issue

I try to embed Facebook post to my website. It works well for screen above 350px large but under this width posts are cut… It seems that the max width for posts is 350px. What if you want to display facebook post embed for small screen under 350px? Tried with widht 100% but does not work.

<FacebookProvider appId="1234">
  <EmbeddedPost href={"https://www.facebook.com/teampulse.ch/posts/"+post} width="100%" />
</FacebookProvider>

Issue Analytics

State:
Created 6 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

8reactions

camel113commented, May 22, 2017

It works when I add this CSS code

.fb-post>span {
    max-width: 100%;
}
.fb-post iframe {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

Otherwise I have some issue on mobile desktop

0reactions

seedencommented, Jul 6, 2018

you need to create your app (developers.facebook.com)

Sent from my iPhone

On 6 Jul 2018, at 11:38, omkarsk98 notifications@github.com wrote:

Where will I get the correct appId?

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub, or mute the thread.