Máte responsivní design, tzn. se změnou velikosti okna, se Vám mění velikost prostoru pro ten Facebook plugin.
Chyba se Vám tedy projeví, jen když načtete stránku a pak hýbete s velikostí okna.
Jednoduché řešení to bohužel nemá. Facebook plugin má sice nastaveno přizpůsobení šířce, ale to znamená, že v okamžiku kdy se načte si zjistí dostupnou šířku a podle toho se vykreslí. Při dynamické změně dostupné šířky na to již plugin nereaguje (a z principu ani nemůže).
Pokud by jste to chtěl opravdu řešit, nástin řešení je např.
zde
. V podstatě by jste pomocí Javascriptu musel hlídat změnu velikosti okna a vždy znovu volat funkci pro vytvoření toho Facebook prvku.
Rychlé, jakž takž funkční řešení by mohlo být nastavit obalovacímu prvku zákaz přetékání obsahu, pak by Vám FB plugin nevytékal z toho levého sloupce, ale nebyl by vidět celý na šířku. Tedy někam přidat tento styl:
Code:
.fb-page {
overflow: hidden;
max-width: 100%;
}