Embed facebook post not responsive

Public Ticket #32179

Embed facebook post not responsive

Conversation thread

Joanin replied

7 months ago

Customer Reply

Hi thank you very much for your answer.

This css code doesn't to work unfortunately

PenciDesign Supporter replied

7 months ago

Staff Reply

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.

Joanin started the conversation

7 months ago

Conversation Start

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,

Want to join this conversation or access attachments? Sign in first.