Please note that Facebook content embedded via iframe is managed entirely by Facebook, so it cannot be modified. The only option is to wait for Facebook to improve this styling in the future.
You can try some custom CSS suggested by the community and paste it into Appearance → Customize → Custom CSS.
Hello,
I don't know why, but the Facebook post embeds aren't responsive on my blog articles.
I'd like to center the embed (on computer screen) and, above all, ensure it's not cut off on mobile (see screenshot) on the right side.
Can you tell me how to do this?
Thank you,
Attached files: Capture d’écran 2026-01-15 à 12.27.25.png
Hi,
Please note that Facebook content embedded via iframe is managed entirely by Facebook, so it cannot be modified. The only option is to wait for Facebook to improve this styling in the future.
You can try some custom CSS suggested by the community and paste it into Appearance → Customize → Custom CSS.
@media only screen and (max-width: 767px) { iframe[src*="facebook.com"] { width: 100% !important; max-width: 100% !important; } .fb-page, .fb-page iframe, .fb-page span { width: 100% !important; } }Regards,
PenciDesign.
Hi thank you very much for your answer.
This css code doesn't to work unfortunately