LUXEE HELPS
Tampilan Parallax Berantakan di HP? Ini Solusi Responsive Layout Mode Luxee v2!
📌 Apa itu Responsive Layout Mode v2?
Responsive Layout Mode v2 adalah sistem penyesuaian visual terintegrasi yang berfungsi untuk mengendalikan perilaku widget parallax secara adaptif. Fitur ini memungkinkan Anda membedakan koordinat letak ornamen, memotong (clip) bingkai yang keluar layar, serta menonaktifkan atau menyesuaikan sensitivitas gerakan khusus pada layar handphone (mobile) dan tablet.
Anda merakit undangan digital di layar komputer PC yang lebar. Semua ornamen daun, bunga, dan bingkai 3D tampak tersusun megah di sisi kanan dan kiri layar. Namun, saat link undangan dibuka di layar HP yang sempit, semua ornamen tersebut bertumpuk berantakan menutupi tulisan teks penting pengantin. Dengan mengonfigurasi **Responsive Layout Mode Luxee v2**, Anda dapat menggeser letak koordinat ornamen secara khusus khusus untuk tampilan mobile agar tata letak kembali presisi dan indah.
✨ Fitur Unggulan Responsive Mode v2
- Device-Specific Offsets: Mengatur posisi koordinat sumbu X dan Y ornamen secara terpisah antara komputer desktop, tablet, dan smartphone.
- Mobile Viewport Optimizer: Otomatis mencegah gambar ornamen terpotong aneh di layar HP akibat keterbatasan lebar piksel layar.
- Differentiated Motion Speeds: Membedakan nilai sensitivitas gerakan di HP agar tidak terlalu liar saat layar dimiringkan (gyroscope mode).
🛠️ Langkah Mengatur Responsive Mode v2
Langkah 1: Mengaktifkan Mode Responsif Elementor
Di dashboard editor Elementor Anda, klik pada ikon **Responsive Mode** (gambar HP & Monitor) yang berada di sudut kiri bawah bar abu-abu Elementor.
Langkah 2: Memilih Tampilan Mobile (Ponsel)
Pilih ikon **Mobile** di bar bagian atas editor untuk mengubah area kanvas kerja Anda menjadi seukuran rasio layar smartphone standar.
Langkah 3: Menggeser Koordinat Ornamen (Mobile Offsets)
Klik pada widget ornamen yang ingin disesuaikan. Pada tab **Content > Position Settings**, sesuaikan nilai *Horizontal Offset* dan *Vertical Offset* khusus untuk mobile (ditandai dengan ikon HP kecil di samping kolom isian).
Langkah 4: Membatasi Skala Sensitivitas Gerak HP
Masuk ke tab **Advanced > Luxee Parallax**, kecilkan nilai parameter **Mobile Speed** (misalnya diubah ke angka **0.1**) untuk memastikan gerakan visual tetap stabil dan natural di layar genggaman.
Langkah 5: Menonton Video Panduan Kustomisasi
Pelajari rahasia perataan ornamen mobile, penyetelan breakpoint ukuran layar, serta trik menyembunyikan ornamen berlebih khusus di HP pada video berikut:
Jika ornamen dekorasi terlalu ramai dan dirasa memakan terlalu banyak ruang di layar mobile, Anda bisa menyembunyikan ornamen tersebut secara khusus di HP dengan menuju ke tab **Advanced > Responsive**, lalu aktifkan opsi **Hide On Mobile**.
🔗 Modul Panduan Terkait
Langkah penting berikutnya yang harus dikerjakan setelah penyetelan responsif:
💡 Pertanyaan Sering Ditanya (FAQ)
Secara default, visual parallax v2 dioptimalkan untuk orientasi layar potret (Portrait) di smartphone. Anda disarankan mengaktifkan opsi **Disable Parallax on Landscape** di setelan responsif agar tampilan tetap terkunci rapi saat HP tamu miring secara horizontal.
Bisa. Pada tab styling Widget Guest Name, perhatikan ikon perangkat di samping setelan *Typography*. Anda bebas mengubah ukuran huruf (Font Size) khusus untuk mobile tanpa memengaruhi ukuran huruf di desktop.
Browser internal aplikasi media sosial (In-App Browser) seringkali memblokir akses ke API sensor akselerometer HP karena alasan keamanan internal mereka. Solusinya, sarankan tamu untuk membuka link menggunakan browser utama HP (Chrome/Safari) untuk pengalaman visual penuh.