Jika Anda ingin membedakan menu yang ditampilkan untuk pengguna desktop dan pengguna mobile, Anda dapat menggunakan menu terpisah. Dengan cara ini, masing-masing pengguna akan mendapatkan tampilan menu yang berbeda sesuai perangkat yang digunakan.
Pada metode ini, Anda perlu membuat menu khusus untuk tampilan mobile yang terpisah dari menu desktop. Menu mobile dapat diisi dengan item yang lebih ringkas dan disesuaikan dengan kebutuhan tampilan pada perangkat berlayar kecil, sehingga navigasi menjadi lebih nyaman bagi pengguna mobile.
⚠️ Catatan Penting: Jika Anda menggunakan metode menu mobile, maka setiap perubahan menu harus dilakukan secara manual pada kedua menu.
Sebagai contoh, jika Anda menambahkan kategori baru:
- Tambahkan kategori tersebut ke menu desktop
- Tambahkan juga kategori yang sama ke menu mobile
Cara Membuat Menu Mobile Baru di WordPress #
- Masuk ke wp-admin → Appearance → Menus
- Klik Create a new menu
- Beri nama menu, misalnya Mobile Menu
- Tambahkan item menu sesuai kebutuhan (Pages, Categories, Custom Links, dll)
- Pada bagian Menu Settings, centang lokasi Mobile Menu
- Klik Save Menu
Setelah menu mobile disimpan dan lokasi dipilih, menu tersebut akan otomatis digunakan pada tampilan mobile dengan mode geser.
FAQ – Menu Mobile #
Apakah menu mobile otomatis sama dengan menu desktop?
Tidak. Pada metode ini, menu mobile menggunakan menu terpisah sehingga perlu dibuat secara manual dan tidak otomatis mengikuti menu desktop.
Apakah saya harus membuat menu baru khusus untuk mobile?
Ya. Untuk menggunakan menu mobile mode sidebar, Anda perlu membuat menu baru dan menetapkannya pada lokasi Mobile Menu seperti pada tutorial yang saya jelaskan diatas.
Jika menambahkan kategori atau halaman baru, apakah perlu ditambahkan ke menu mobile?
Ya. Setiap perubahan menu harus dilakukan dua kali, yaitu pada menu desktop dan menu mobile agar tampilannya tetap konsisten.
Mengapa di desktop ada dua menu, tetapi di mobile hanya satu?
Pada desktop, menu dipisahkan menjadi menu bar atas dan menu bar bawah. Sedangkan di mobile, seluruh menu tersebut digabung menjadi satu menu agar lebih ringkas dan mudah digunakan. Jika Anda di mobile memiliki dua bar menu sama persis di desktop Anda harus menggunakan menu mode geser seperti sebelumnnya.
Bagaimana cara mengembalikan menu ke mode geser (default)?
Untuk mengembalikan menu ke mode geser seperti semula, silakan nonaktifkan menu mobile khusus dan pastikan pengaturan menu kembali menggunakan konfigurasi default tema.
