Mega menu adalah sebuah menu yang berisi banyak sub menu, biasanya ketika kita hover kita hanya menampilkan sebuah sub menu dari nama kategori tersebut, tetapi karena banyak, maka dinamakan mega menu seperti itu, untuk membuatnya cukup simple disini saya menggunakan HTML CSS dimana ini saya dapatkan dari w3school. Oke jangan kemana-mana simak terus ya.

Seperti biasa untuk membuat sebuah menu dropdown kita hidden terlebih dahulu sub menu kategori dropdownnya, dan ketika hover kita arahkan ke menu yang ada kategorinya, dia akan muncul, yang kita berikan display: block, seperti itu,, oke langsung saja.

Disini tidak menggunakan ul li, ya, dan disini lah CSSnya, yang cukup banyak.

silahkan teman-teman copy ya, dan sekarang kita lihat hasilnya

cara membuat mega menu HTML CSS

cara membuat mega menu HTML CSS

bagaimana disini sengaja saya tampilkan pada tampilan mobile ya, bagaimana cantik bukan, oke saya rasa cukup sampai disini saja belajar kita tentang cara membuat mega menu HTML CSS, sampai jumpa pada artikel berikutnya terimakasih.