July 5, 2017

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.

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).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

6 comments on Cara Memperbaiki Tampilan Navigasi Menu Blog versi Mobile

  1. thanks gan sangat berguna

    ReplyDelete
  2. kok tidak ada ya mas kodenya? waktu saya search
    tapi masalah saya sama seperti itu.

    ReplyDelete
    Replies
    1. cek kodenya dengan klik kanan > inspect

      Delete
    2. 1. Salin URL blog ke Troy Responsive
      2. 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

      Delete
  3. Lapor pak! 150px terlalu "besar", tulisan "menu"nya offside ke tengah. Cukup 80px saja, itu udah GG

    Kalo tulisannya "Navigasi Menu", pakai 150px
    Kalo "Menu" tok saja, cukup 80px

    #GGMU

    ReplyDelete
  4. terima kasih atas postingannya......ini yg sedang dicari...

    ReplyDelete

Contact Form

Name

Email *

Message *