Saya ingin menyembunyikan div yang berisi widget kotak suka facebook dari perangkat seluler. Saya mencoba ini tetapi tidak berhasil.
kode 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>
kode css:
@media screen and (min-width: 0px) and (max-width: 720px) {
#facebook { display: none; }
.mobile-hide{ display: none; }
}
Apa yang saya lakukan salah? Ini tidak bekerja menggunakan id atau referensi kelas.
Oke saya mengalami masalah ini beberapa waktu yang lalu, dan untuk beberapa alasan aneh itu hanya bekerja ketika saya meletakkan aturan kueri media saya di akhir css. Tidak tahu mengapa demikian, mungkin semacam bug, tetapi cobalah dan beri tahu kami jika itu berhasil.