Sembunyikan Block di Tampilan Desktop – Hanya Tampilkan di Mobile

Diterbitkan by

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:

  1. 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“
  2. 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;}}
hide block on desktoop