2014-10-08 2 views
0

Я провел много исследований, ответы, полученные через StackOveflow, имеют смысл, но не работают. Я попытался дать элементам стиль ширины: 100% ;, но безрезультатно, все еще существует переполнение, которое мешает Виджету реагировать. Он отлично смотрится на мобильном устройстве, но это потому, что он оптимизирован для этого окна просмотра. Любые советы по получению Facebook-Box Box Widget из Facebook для Wordpress, чтобы быть отзывчивым и соответствовать его родительскому контейнеру?Facebook Like Box Widget

Что написать и где его написать.

http://www.seattleimpactfcshop.com

Любая помощь очень ценится.

+0

В настоящее время это облегчает боль, но все еще не выглядит так здорово. .fb-комментарии, .fb-комментарии iframe [style], .fb-подобный-box, .fb-подобный-box iframe [style] {ширина: 100%! Важное;} .fb-комментарии span,. fb-comments iframe span [style], .fb-like-box span, .fb-like-box iframe span [style] {width: 100%! important;} Я знаю, что ширина моей боковой области не помощь, но она должна быть способна выглядеть «лучше». – Corey

ответ

0

У меня была эта проблема. и я знаю, что для этого нужно много javascript-скриптов. Я решил проблему вывода-ки два виджета, в то же время, как:

class="fb-like" data-share="true" data-width="500" data-show-faces="false" 

и:

class="fb-like" data-share="true" data-width="320" data-show-faces="false" 

Затем переключать блок дисплея и display:none для каждого из них в мобильных и настольных макетов.