Quiero ocultar un div que contiene el widget facebook likebox de los dispositivos móviles. He intentado esto pero no funciona.
código div:
<div id="facebook" class="fb-like-box mobile-hide" data-href="https://www.facebook.com/mypage" data-width="220" data-height="250" data-show-faces="true" data-stream="false" data-header="true"></div>
código css:
@media screen and (min-width: 0px) and (max-width: 720px) {
#facebook { display: none; }
.mobile-hide{ display: none; }
}
¿Qué estoy haciendo mal? No funciona usando el id o la referencia de clase.
Bueno, yo tenía este problema hace un tiempo, y por alguna extraña razón que sólo funcionó cuando puse mis reglas de consulta de los medios de comunicación al final de la CSS. Don't sabe por qué es eso, tal vez un error de algún tipo, pero darle una oportunidad y háganos saber si eso funciona.