Menurut saya, sticky header itu penting supaya pengunjung melihat logo dan menu navigasi kita di atas layar. Artinya sticky header bisa dipakai untuk tujuan Branding.
Setiap kali pengunjung membuka blog kita, tanpa sadar otak mereka akan merekam dan mengenali logo di header. Hal ini bisa menjadi identitas yang menimbulkan loyalitas saat mereka mencari artikel lain.
Saya kurang tahu pasti alasan pembuat template memilih hide header ini. Tapi kemungkinan besar karena hal berikut:
- Mungkin karena menu Navigasi Mobile sudah ada di bawah, jadi si pembuat template merasa header tidak di perlukan lagi.
- Mungkin karena sudah ada sticky notifikasi, jadi dia takut membuat tampilan halaman jadi sempit.
- Mungkin juga dia lupa atau buru-buru buat templatenya jadi ketinggalan satu kode penting.
- Mungkin karena sengaja, supaya template Median UI tidak begitu sempurna agar, orang lain mau membeli template buatannya yang lain. (Strategi Marketing)
- Atau mungkin karena selera.
Terlepas dari kemungkinan itu semua, tentu saja saya sebagai blogger biasa tidak bisa berbuat banyak. Cukup berterima kasih kepada Creator yang sudah bersusah payah membuat template Median UI terbaru ini.
Masalah tampilan yang kurang enak dipandang, itu bisa kita ubah sendiri dengan sedikit modifikasi. Berikut saya berikan tutorial cara memodifikasi header Median UI.
CARA MEMBUAT STICKY HEADER MEDIAN UI
- Buka Dashboard Blogger
- Klik Tema
- Tekan icon Segitiga Terbalik
- Pilih Edit HTML
- Lalu cari kode @media screen and (max-width:896px) jika tidak ketemu coba cari kode (max-width:896px) atau kode header{position:relative
- Kemudian ganti kata relative menjadi sticky
Sebelum:
header{position:relative;border-bottom:0}
Sesudah:
header{position:sticky;border-bottom:0} - Simpan Tema
Selanjutnya, tinggal tes tampilan blog kalian lewat smartphone. Gampang bukan?
Selain tutorial di atas, ada beberapa tutorial lain tentang Median UI yang bisa di cek disini