Boa tarde,
No face page (antigo likebox) tem o trecho data-width="200", o valor 200 é o que defini para parecer na visualização desktop.
<div style="margin:20px;" class="fb-page social_mobile" data-href="https://www.facebook.com/facebook" data-width="200" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>
no css tentei alterar o width para 100% , aproveitando a dica do bruno_mosciatti :
/** Mobile **/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.social_mobile { width:100%;}
}
/** Tablet **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.social_mobile { width:100%;}
}
/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.social_mobile { width:100%;}
}
Mas não esta funcionando, imagino que seja por ter dois valores width: o da classe social_mobile e o do data-width, e o navegador esta considerando o data-wight.
Agradeço ajuda