Cara Mengatasi Menu Navigasi Yang Tidak Bisa Di Klik Atau Tidak Berfungsi Pada Template

Menu navigasi adalah salah satu elemen penting yang terdapat pada blog/website, selain untuk meletakan link kategori, Menu nagivasi sendiri membantu untuk mempercantik tampilan di blog kita. baik, tampilan desktop maupun tampilan mobile.

Baca Juga: Trik Mencari Pengunjung Tetap, Ribuan Bahkan Jutaan Views

Tapi, buat apa kalau sudah ada Menu navigasi tapi tidak berfungsi atau tidak bisa di klik?. masalah ini biasanya terjadi pada template milik arlina design, pada template Simplify Biasa, Simplify 2, ataupun Simplify Custom Responsive 2016. hal ini sering kali terjadi dan membuat kita tidak nyaman atau risih akan hal tersebut.

Cara Mengatasi Menu Yang Tidak Bisa Di Klik

Untuk mengatasi tidak berfungsinya menu navigasi saat diklik itu sebenarnya sangat mudah kawan-kawan, jika kalian memperhatikan baik-baik cara mengatasinya dibawah ini. apa lagi kawan-kawan yang sudah berkecimpung didunia pertemplate'an, paham betul dengan HTML,CSS, dll. pasti sangat mudah untuk kawan-kawan melakukan hal ini. baik tak usah berlama-lama lagi, simak cara mengatasinya:

Cara Mengatasi Menu Navigasi Yang Tidak Bisa Di Klik Pada Template

1. Jika anda menggunakan template yang tidak bisa diklik menunya terutama simply, Silahkan cari kode dibawah ini pada bagian TEMA > EDIT HTML.

<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a>

NB: Di peruntukan untuk menu drop down (Jika anda memiliki masalah pada menu yang biasa atau bukan dropdown, ini otomatis semua menu akan benar dengan sendirinya dengan settingan seperti ini) ikuti saja cara mengatasinya.

2. Ubah kode diatas dengan kode dibawah ini.

<li class='dropdown-toggle'><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a>

Perlu diperingatkan lagi, Jika anda memiliki menu dropdown lebih dari satu. Silahkan ubah semua menu dropdownya seperti diatas.

3. Selanjutnya cari Javascript dibawah ini

// Slide toggle

Kode diatas lebih mudah dicari ketimbang kode dibawah ini.
Ingat, Ganti java script " // Slide toggle " dan java script dibawahnya "yang" Function yang harus dihapus/Diganti (Jangan Menghapus </script>. Cukup sampai Diatas </Script> saja yang kalian ganti)
Atau seperti ini :

// Slide toggle

$(function(){$("#simplify-click > li").click(function(i){var l=$("ul",this);return $("#simplify-click > li > ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click > li > ul > li").click(function(i){i.stopPropagation()})});

Nah, ganti javascript yang diatas.

4. Ganti Javascript Diatas dengan script dibawah ini:

// Slide toggle

$(function(){$(".dropdown-toggle").click(function(i){var l=$("ul",this);return $("#simplify-click > li > ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click > li > ul > li").click(function(i){i.stopPropagation()})});

5. Lalu SAVE
6. Selesai. Kalian bisa check, menunya sudah berfungsi kembali.

Itulah Cara Mengatasi Menu Navigasi Yang Tidak Bisa Diklik, Semoga bermanfaat untuk kita semua. untuk lebih mudahnya ubah kode yang diperintah dengan kode yang sudah disediakan.