Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile
July 5, 2017
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.
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).*
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
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 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).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
thanks gan sangat berguna
ReplyDeletekok tidak ada ya mas kodenya? waktu saya search
ReplyDeletetapi masalah saya sama seperti itu.
cek kodenya dengan klik kanan > inspect
Delete1. Salin URL blog ke Troy Responsive
Delete2. Arahin Cursor (Pointer) Mouse ke Letak Menu
3. Klik Kanan > Inspect Halaman
4. Nah itu kodenya
Antara kotak dialog kiri yang panjang dengan... kotak dialog di kanan yang kecil itu saling berkaitan erat. Dipelajari saja.
*bantu jawab mas
Lapor pak! 150px terlalu "besar", tulisan "menu"nya offside ke tengah. Cukup 80px saja, itu udah GG
ReplyDeleteKalo tulisannya "Navigasi Menu", pakai 150px
Kalo "Menu" tok saja, cukup 80px
#GGMU
terima kasih atas postingannya......ini yg sedang dicari...
ReplyDelete