با سلام من از المنتور پرو برای ساخت هدر استفاده کردم ولی در حالت موبایل وقتی صفحه رو رفرش میکنم همه آیتم های هدر جابجا میشن ویکبار دیگه باید صفحه رو رفرش کنم تا درست بشه شما میدونید علتش چی هست؟
وقت بخیر
یه نمونه ارسال کنید. این میتونه دلایل خیلی زیادی داشته باشه و فقط با توضیح دادن مشکل مشخص نمیشه. مستندات و اطلاعات تکمیلی ارسال کنید. اعم از لینک وب سایت و اسکرین شات در حالت موبایل که مشکل رو نشون میده. یا حتی ویدیو رکورد شده از صفحه موبایل.
موفق باشید
این اسکرین شات از زمان بهم ریختگی هست آدرس سایتم هم هست controlbargh.com
وقت بخیر
اول اینکه کلی خطا تو کنسول دارید. رو مرورگر inspect رو بزنید در تب elements خطا ها رو بررسی و رفع کنید. اولین و مهم ترین مرحله اینه که وب سایتتون عاری از هر نوع خطا باشه.
در مورد منو، برای موبایل یه منو کاملا جدا درست کنید. اینطوری مرورگر دیگه از منو اصلی به عنوان منو برای موبایل نمی خونه.
برای ساخت و تنظیم منوی موبایل در Elementor، این مراحل را انجام بده:
1. ساخت منو در وردپرس
- برو به نمایش > فهرست‌ها
- یک فهرست جدید بساز، مثلاً:
منوی موبایل - لینک‌ها و صفحات موردنظرت را اضافه کن.
- روی ذخیره فهرست بزن.
2. ساخت هدر موبایل در Elementor
- برو به Templates > Theme Builder
- بخش Header را باز کن.
- هدر فعلی را ویرایش کن یا یک هدر مخصوص موبایل بساز.
3. اضافه کردن منوی موبایل
- داخل Elementor ویجت Nav Menu یا Menu را اضافه کن.
- در قسمت انتخاب منو، همان منوی موبایل که ساختی را انتخاب کن.
4. تنظیم حالت موبایل
- از تنظیمات Responsive در Elementor، هدر موبایل را فقط برای Mobile نمایش بده.
- اگر هدر جداگانه دسکتاپ داری، آن را روی موبایل مخفی کن.
5. تنظیم آیکون منو
- در تنظیمات Nav Menu حالت نمایش را روی Dropdown / Hamburger قرار بده.
- آیکون سه‌خطی منو را تنظیم کن.
6. انتشار و تعیین محل نمایش
- روی Publish / Update بزن.
- در بخش Display Conditions انتخاب کن:
Entire Site - ذخیره کن.
در پایان سایت را با موبایل یا حالت Responsive مرورگر بررسی کن. باید آیکون منو نمایش داده شود و با کلیک روی آن، منوی موبایل باز شود.
ممنونم از توضیحات شما