Pada postingan yang lalu kita sudah bahas bagaimana cara menyembunyikan sebuah block di tampilan mobile, kali ini kita bahas sebaliknya yaitu cara menyembunyikan block di tampilan desktop / hide block on desktop – hanya tampilkan di mobile.
To the point aja, langsung kita tujukkan:
- Pada block yang akan disembunyikan dari desktop (post maupaun page),
- klik “titik tiga“
- pilih “tampilkan pengaturan lainnya“
- klik “tingkat lanjut“
- pada “kelas css tambahan” tuliskan text ini: “hideondesktop“
- Buat custom CSS di themes
- tampilan -> sesuaikan
- klik “CSS Tambahan“
- ketikkan kode CSS di bawah ini dalam CSS tambahan.
- pada akhir kode tambahkan baris kosong (enter).
@media (min-width: 767px){.hideondesktop{display: none !important;}}
