Dengan semakin banyaknya pengguna smartphone maka website yang responsive saat ini adalah sebuah keharusan. Website yang responsive tentu butuh sebuah navigasi menu responsive juga agar bisa terlihat bagus ketika dibuka dengan berbagai perangkat yang tentu memiliki berbagai ukuran layar.
Berbicara tentang menu yang responsive, terdapat berbagai macam teknik dan model atau bentuk yang bisa diterapkan pada website.
Baik menu yang tadinya vertical atau horizontal, ketika dibuka dengan layar yang lebih kecil maka harus bisa menyesuaikan, baik itu dengan merubah cssnya, atau dengan merubah bentuknya menjadi tag select
.
Berikut ini adalah beberapa contoh menu responsive yang bisa jadi inspirasi untuk Anda yang sedang mendesain website.
CSS Mega Dropdown
Secondary Sliding Navigation
Multi-Level CSS Push Only Menu
Off-Canvas Layout
Mega-Site Navigation
Pushy – Off-Canvas Navigation Menu
Ratusan Menu Lainnya
Untuk ratusan contoh menu CSS, JS + Jquery lainnya, Anda bisa mengunjungi website NavNav.co yang saat ini sudah mengumpulkan lebih dari seratus bentuk dan model menu responsive baik itu yang dibuat dengan css, js atau ditambah dengan js framework jquery.
Contoh menu yang dikumpulkan website NavNav kemungkinan akan semakin bertambah seiring waktu dan mungkin akan mencapai 1001 suatu saat nanti. Kita tunggu saja hasil kerja dari pemilik website nya.
Semoga berguna dan bermanfaat untuk Anda, salam Jurnalweb Indonesia.
Kuereeen…(y)
bagaimana cara menggunakannya, atau bagaimana cara pemanggilan dengan theme costum wordpress.
Assalamualaikum wr wb,
mas cara nerapin php, css dan html di wordpress gmana ya
soalnya klw cuma yg dasar2 saja ngerti tp wktu mau di terapin di wordpress, binggung ?. mohon solusi, thanks mas
Kalau mau mengerti pelajari codex wordpress dan liat-liat saja kode dari theme yang lain