Ocultar div en dispositivos móviles, usando CSS
Quiero ocultar un div que contiene el widget de likebox de Facebook de los dispositivos móviles. Intenté 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 utilizando el id o la referencia de clase.