Advan – Pernahkah kamu merasa website terlihat kurang lengkap tanpa ikon menu di bagian header? Tenang saja, karena kamu tidak sendirian. Banyak pengguna Elementor mengalami hal yang sama, tetapi ternyata ada solusi yang sangat mudah untuk menambahkan ikon menu ini.
Elementor memang sudah terkenal dengan kemudahan penggunaannya dalam membangun tata letak halaman web yang menarik, termasuk bagian header. Dengan sedikit pengetahuan dasar dan panduan yang tepat, kamu dapat menyesuaikan tampilan header website-mu dengan ikon menu yang sesuai dengan tema atau gaya desain yang diinginkan. Mari kita jelajahi langkah-langkahnya secara mendetail agar kamu bisa segera menambahkan sentuhan personal pada header Elementor dengan ikon menu yang stylish dan fungsional.
Cara Praktis Menambahkan Ikon Menu di Header Elementor
Punya website dengan Elementor tapi bingung cara menambahkan ikon menu di header? Gak usah galau, aku bakal tunjukin cara gampangnya nih!
1. Buka Halaman yang Mau Diedit
Pertama-tama, buka halaman website yang ingin kamu tambahi ikon menu di header-nya menggunakan Elementor. Pastikan kamu sudah login dan masuk ke editor Elementor.
2. Tambahkan Widget Icon
Di panel sebelah kiri, cari dan pilih widget “Icon“. Ini widget yang bakal kita gunakan untuk menampilkan ikon menu di header. Seret widget “Icon“ ini ke posisi header di halaman yang kamu edit.
3. Atur Ikon yang Diinginkan
Sekarang, pilih ikon yang sesuai dengan menu yang akan kamu tampilkan. Elementor menyediakan berbagai pilihan ikon yang bisa kamu pilih, jadi kamu bisa pilih sesuai dengan desain dan tema website.
4. Setel Link untuk Menu
Selanjutnya klik ikon yang baru kamu tambahkan, lalu atur linknya. Pastikan link ini mengarah ke menu yang seharusnya terbuka saat ikon ini diklik oleh pengunjung.
5. Kustomisasi Tampilan Ikon
Nah, sekarang saatnya untuk kustomisasi! Kamu bisa mengatur ukuran, warna, dan gaya ikon sesuai dengan preferensi dan desain keseluruhan website. Pastikan tampilannya pas dan menarik ya!
6. Simpan dan Publikasikan Perubahan
Jangan lupa untuk menyimpan perubahan yang sudah kamu buat dengan mengklik tombol “Save“ di sudut kanan atas editor Elementor. Setelah itu, klik “Publish“ untuk membuat perubahan langsung terlihat di website.
7. Pastikan Responsif di Semua Perangkat
Langkah terakhir, lakukan pengecekan responsif. Pastikan bahwa ikon menu yang baru kamu tambahkan terlihat baik dan berfungsi dengan baik di semua perangkat, mulai dari desktop hingga ponsel.
Baca Juga: Cara Menambahkan Breadcrumb di Header Elementor, Panduan untuk Pemula!
Semoga cara praktis diatas bisa membantu kamu dalam menambahkan ikon menu di header Elementor dengan lebih percaya diri. Dengan mengikuti langkah-langkah yang telah dijelaskan, kamu sekarang memiliki pengetahuan yang cukup untuk membuat tampilan website-mu lebih menarik dan fungsional. Jangan ragu untuk eksplorasi lebih lanjut dan kustomisasi sesuai dengan selera desainmu. Selamat mencoba dan semoga sukses membangun website yang semakin profesional dan eye-catching!
Advan XTAB, rekomendasi tablet keren untuk kamu yang multitasking setiap harinya. Sebagai teman setia aktivitasmu agar lebih lancar dan menyenangkan. Dengan RAM 4 GB dan internal memory 64 GB plus external memory up to 128 GB serta didukung baterai 4000 mAh. Tablet 8 inci ini dapat digunakan untuk berbagai aktivitas lho, seperti sekolah/kuliah online, meeting, game dan banyak hal lainnya. Advan XTAB dilengkapi kamera depan dan belakang, serta dapat menangkap jaringan 4G LTE. Dapatkan segera promo dan info lengkapnya hanya dengan klik di sini.
Editor: Mahfida Ustadhatul Umma