Cara Modifikasi Main Menu Template Median UI v1.5

Saifulah.id - Main Menu dalam sebuah template blog biasanya merupakan tempat untuk menampilkan kategori berbentuk menu drop down. Menu isi seringkali di letakkan di atas, tepatnya di samping atau di bawah logo blog.

Namun, berbeda dengan template Median UI yang akan kita bahas ini. Median UI merupakan template blogger yang tampilannya mengadopsi tampilan Google Drive, Blogger, dan Google Playstore. Dimana Main Menu di letakkan di samping kiri website. Coba perhatikan gambar berikut:

Kalau diperhatikan, posisi widget yang ada di Median UI benar-benar meniru tampilan dari produk Google. Tapi, ada satu kekurangan dari Median UI, yaitu jarak antar menu terlalu jauh.

Jarak menu yang terlalu jauh akan menciptakan ruang kosong yang terlalu besar. Sehingga berakibat template kurang seimbang dan tidak enak dipandang.

Selain itu, kalau blog kita memiliki banyak menu dan kategori, menu tersebut pasti akan tersembunyi di bawah. Dan untuk melihatnya harus di scroll dulu. Ribet!

Pengunjung kita adalah raja, sebisa mungkin kita harus memanjakan mereka dengan fitur yang mudah di akses. Oleh sebab itu, berikut saya berikan solusi permasalahan ini.

CARA MEMPERKECIL JARAK MENU MEDIAN UI

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

   
   
   
5. Lalu cari kode .htmlMenu .link{white-space:nowrap
6. Maka kalian akan menemukan kode yang seperti ini
   

   .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:10px 25px;position:relative; color:inherit}

7. Ubah nilai padding menjadi 5px, sehingga hasilnya seperti ini
   

   .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:5px 25px;position:relative; color:inherit}

8. Simpan Tema

HASILNYA