Dalam pengembangan website menggunakan Elementor, memastikan tampilan yang responsif di berbagai perangkat adalah hal yang sangat penting. Terkadang, ada elemen yang perlu ditampilkan hanya di perangkat tertentu, sementara di perangkat lain sebaiknya disembunyikan untuk meningkatkan pengalaman pengguna dan mengoptimalkan desain.

Alasan lain, mungkin kamu ingin menyembunyikan elemen-elemen tertentu di website tanpa menghapusnya karena dikhawatirkan akan dibutuhkan pada waktu-waktu tertentu? ini tentu dapat dilakukan dengan mudah, lho.

Sebab, Elementor menyediakan fitur bawaan yang memungkinkan pengguna dapat menyembunyikan elemen tanpa harus menghapusnya dari editor. Dengan memanfaatkan pengaturan Responsive, pengguna dapat dengan mudah mengontrol visibilitas elemen di tampilan desktop, tablet, atau mobile, sehingga desain tetap rapi dan fungsional sesuai dengan kebutuhan. Berikut adalah langkah-langkah yang dapat dilakukan:

1. Login ke Dashboard WordPress

Sebelum mulai mengedit halaman dengan Elementor, pastikan Anda masuk ke dashboard WordPress terlebih dahulu melalui https://namadomainanda/wp-admin. Setelah masuk ke dashboard WordPress, pilih menu “Pages” (Halaman) atau “Posts“ (Postingan) tergantung pada konten yang ingin diedit.

2. Membuka Halaman dengan Elementor

Cari halaman yang ingin Anda edit, lalu klik tombol “Edit with Elementor” untuk masuk ke editor Elementor. Tunggulah beberapa saat hingga editor Elementor terbuka.

3. Memilih Elemen yang Ingin Disembunyikan

Pada tampilan editor Elementor, arahkan kursor ke elemen yang ingin Anda sembunyikan hingga muncul tepian kotak berwarna pink/abu (widget). Kemudian, klik elemen tersebut hingga panel pengaturan muncul di sisi sebelah kiri layar. Ingat, pastikan elemen yang dipilih benar sebelum melanjutkannya.

4. Mengakses Pengaturan “Responsive” di Tab Advanced

Pada panel disebelah kiri, pilih tab “Advanced“. Selanjutnya scroll ke bawah hingga menemukan bagian “Responsive“.

5. Menyembunyikan Elemen di Perangkat Tertentu

Dalam pengaturan bagian “Responsive“, Anda akan melihat tiga opsi yakni:

• Hide On Desktop → Sembunyikan elemen di tampilan desktop.
• Hide On Tablet → Sembunyikan elemen di tampilan tablet.
• Hide On Mobile → Sembunyikan elemen di tampilan mobile.

Cara menggunakannya:

• Aktifkan opsi Hide On Desktop jika ingin elemen tidak muncul di komputer/laptop.
• Aktifkan opsi Hide On Tablet jika ingin elemen tidak muncul di tablet.
• Aktifkan opsi Hide On Mobile jika ingin elemen tidak muncul di ponsel.

Pada tahap ini, elemen yang disembunyikan akan tetap berada di editor Elementor, tetapi tidak akan muncul pada tampilan publik.

6. Menyimpan Perubahan dan Menguji Hasilnya

Setelah mengatur tampilan elemen, klik tombol “Update” di sudut bawah kiri atau “Publish” di sudut kanan atas untuk memperbaharui semua perubahan yang dilakukan. Untuk melihat hasilnya, klik ikon “Preview” di Elementor.

Menyembunyikan elemen di Elementor menggunakan fitur Responsive adalah cara yang praktis dan efektif untuk mengoptimalkan tampilan website tanpa harus menghapus elemen secara permanen.

Dengan fitur ini, Anda dapat mengontrol elemen mana yang ingin ditampilkan atau disembunyikan pada desktop, tablet, atau mobile, sehingga desain tetap rapi dan sesuai dengan kebutuhan pengguna di berbagai perangkat.

Jadi, jangan ragu untuk mencoba dan eksplorasi fitur ini demi website yang lebih menarik dan fungsional! 🚀😊