Menu mega memungkinkan pengguna melihat lebih banyak tautan sekaligus tanpa harus menggulir, mengarahkan kursor, dan mengingatnya isi dari menu Anda. Cara terbaik untuk memikirkan menu mega adalah bahwa menu tersebut merupakan menu drop-down di dalam menu drop-down.

Jadi, alih-alih menu drop-down normal Anda yang menampilkan sub-menu saat Anda mengarahkan kursor ke tautan induk utama Anda di bilah navigasi, menu mega memungkinkan Anda memiliki tautan dan sub-menu induk tambahan di menu tarik-turun.

Bagaimana cara menambahkan menu mega ke bilah navigasi Anda

Masuk ke dasbor WordPress Anda dan arahkan ke Penampilan> Menu .

menu wordpress divi.png

Buat menu dengan empat tautan induk dengan masing-masing tautan induk memiliki tautan submenu mereka sendiri. Pada contoh di bawah, saya menambahkan tiga item submenu di bawah masing-masing dari empat tautan menu induk.

menu divi.png

Buat tautan tambahan untuk berfungsi sebagai tautan mega-menu. Untuk contoh di bawah ini, saya menyebut tautan ini "Utama". Kemudian seret dua tautan menu induk (masing-masing dengan tautan submenu mereka) di bawah tautan Utama.

Sekarang untuk membuat Megamenu, Anda perlu menambahkan kelas CSS khusus ke tautan utama tingkat atas yang disebut "Utama". Anda dapat melakukan ini dengan mengklik link opsi layar di bagian atas halaman Anda dan memastikan opsi kelas CSS dicentang.

kelas css divi.png

Terakhir, Anda perlu menambahkan kelas CSS ke link "Utama" yang baru saja Anda buat. Klik panah di sebelah kanan item menu "Utama" untuk mengubah opsi konfigurasi tambahan. Temukan kotak teks berjudul Kelas CSS dan masukkan kelas "mega-menu".

mega menu divi.png

Sekarang, ketika Anda memuat ulang halaman Anda, Anda dapat melihat bahwa semua menu sebelumnya telah ditempatkan di menu raksasa di bawah tautan ini, Menu Mega.

mega menu divi example.png

Itu saja untuk tutorial ini, saya harap ini memungkinkan Anda untuk membuat menu mega di Divi dengan mudah.