Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile

Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile

TAMPILAN Navigasi Menu Blog versi Mobile (HP), khususnya template New Johny Wuss, New Thesis SEO, dan CB Style, mengalami duduk perkara secara "misterius", ialah pada tampilan teks goresan pena "menu" atau "navigiasi menu".

Perbaikan instruksi CSS Menu Navigasi Mobile berikut ini juga berlaku bagi navigasi menu header yang menggunakan totorial membuat menu responsive tanpa JavaSrcript.

Error terjadi pada teks MENU atau NAVIGASI di versi mobile, yakni hanya muncul abjad M saja atau N saja, atau menurun, tidak tampil ke samping.

Tampilan Menu Error

Tampilan Menu Normal

Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile

Berikut ini Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile:

1. Tema > Edit HTML
2. Cari instruksi berikut ini

#menur label span{font-size:16px;position:absolute;left:35px;width:150px}

3. Tambahkan instruksi width:150px

4. Hasilnya menjadi ibarat ini:

#menur label span{font-size:16px;position:absolute;left:35px;width:150px}

Demikian Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile.
Good Luck & Happy Blogging!

Berbagi :