Cara Menyembunyikan Widget atau Sidebar pada tampilan Mobile atau Android

Selamat sore teman-teman semuanya, sore hari ini saya akan memberikan tutorial bagaimana cara menyembunyikan widget pada tampilan mobile phone atau android.

Nah teman-teman semuanya kadang ada beberapa widget yang tidak ingin kita tampilkan pada tampilan mobile phone, pada kasus saya adalah banner melayang, pada banner melayang ketika pada tampilan desktop itu sangat bagus sekali sehingga ketika di scroll ke bawah maka bannernya akan tetap ada pada posisinya, sedangkan pada tampilan mobile phone banner melayang tersebut berada di tengah-tengah dan menutupi kontennya sehingga para pengunjung ataupun bagi pembaca blog saya akan sangat mengganggu sekali. Nah bagaimana cara menyembunyikan widget atau banner melayang tersebut agar tidak nampak pada tampilan mobile phone atau android. Caranya seperti ini ikuti langkah mudah yang saya berikan:
Pertama silahkan kalian cari kode berikut ini  ]></b:skin> untuk mempermudah silakan kalian tekan control+F untuk form pencarian, kalau sudah ketemu kode ]></b:skin> silahkan kalian masukkan Variable code berikut ini tepat diatas  ]></b:skin> :

@media (max-width: 650px){
#sidebar-wrapper{display:none !important;}
}

Kemudian pada tulisan “sidebar-wrapper” ganti menjadi Id Sidebar kalian sesuia dengan id sidebar yang ingin kalian sembunyikan pada tampilan handphone, kemudian silahkan klik tombol simpan, kalau sudah silahkan kalian cek pada tampilan mobile phone menggunakan hp android kalian, kemudian lihat hasilnya, kalau masih belum berhasil silakan tinggalkan komentar pada kolom komentar dibawah ini, mungkin saya bisa membantu. Semoga yang sedikit ini bisa bermanfaat akhir kata, Assalamualaikum Warahmatullahi Wabarakatuh.