Cara Memperkecil Header Median UI 1.5

Saifulah.id - Tinggi kolom Header pada template Median UI 1.5 menurut saya terlalu berlebihan, karena fungsi kolom ini hanyalah sebagai tempat meletakkan logo, kolom pencarian, fitur terjemahan, mode malam, dan profil.

Secara bawaan, header ini memiliki tinggi 60px, supaya tampilannya lebih kecil, maka akan kita ubah menjadi 45px supaya pas dengan logo dan widget yang lainnya.

Cara Memperkecil Ukuran Header Median UI 1.5

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML
   
   

   
   
5. Tekan Ctrl + F
6. Masukkan kode .headerContent dalam kolom pencarian
7. Tekan Enter dua kali
8. Maka kalian akan menemukan kode seperti ini
   

   .headerContent{position:relative;height:var(--header-height);display:flex}

9. Hapus kode var(--header-height) lalu ganti dengan 45px
10. Simpan Tema

Penjelasan

Kode "var(--header-height)" adalah kode yang merujuk pada ukuran header dalam CSS yang memiliki value 60px. Dengan mengubah kode ini maka sama seperti kita mengubah ukuran tinggi header.