Wednesday, July 5, 2017

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 masalah secara "misterius", yaitu pada tampilan teks tulisan "menu" atau "navigiasi menu".

Perbaikan kode 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 huruf M saja atau N saja, atau menurun, tidak tampil ke samping.

Tampilan Menu Error

Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile
Tampilan Menu Normal

Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile


Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile

Berikut ini Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile:

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

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

3. Tambahkan kode width:150px

4. Hasilnya menjadi seperti 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! (www.contohblog.com).*

Disqus Comments