رفع مشکل چپ چین شدن آیکون ها در المنتور

در نسخه ۳.۳۴.۰ المنتور که در تاریخ انتشار ۲۲ دسامبر ۲۰۲۵ منتشر شده است ؛ برخی کاربران مشاهده کرده‌اند که آیکون‌ها و ابزارک‌ های Icon Box و Icon List در سایت‌ های فارسی بدرستی راست‌چین نمی‌شوند یا موقعیت آنها اشتباه است درحالی که در نسخه‌ های قبلی مثل ۳.۳۳.۴ این مشکل وجود ندارد. در این مطلب به نحوه حل این مشکل بصورت کامل خواهم پرداخت.

مشکل چپ‌ چین شدن آیکون‌ها در المنتور ۳.۳۴.۰

بعد از بروزرسانی به نسخه ۳.۳۴.۰ المنتور اگر سایت شما به‌ صورت RTL تنظیم شده باشد مثل زبان فارسی ، ابزارک‌های Icon Box و Icon List به‌ صورت نادرست نمایش داده میشوند:

موقعیت آیکون بر اساس گزینه Before/After اشتباه است.
تنظیمات واکنش‌گرایی (Responsive) برای آیکون‌ها روی موبایل یا تبلت صحیح اجرا نمی‌شود.
آیکون‌ها ممکن است در چپ‌ چین قرار بگیرند یا ترتیب نمایش آن‌ها برعکس شود.

نکته مهم: این مشکل به‌ نظر میرسد با پیاده‌سازی CSS Logical Properties در نسخه جدید مرتبط باشد (تغییر در نحوه تفسیر ویژگی‌های CSS برای موقعیت‌یابی المان‌ها).

علت چپ‌ چین شدن آیکون‌ها در المنتور ۳.۳۴.۰

تغییرات CSS در نسخه ۳.۳۴.۰

توسعه‌ دهندگان المنتور در نسخه ۳.۳۴ ویژگی‌های جدیدی برای پشتیبانی بهتر از CSS Logical Properties و RTL اضافه کرده‌اند که قرار بوده به بهبود رفتار راست‌ به‌ چپ کمک کند اما در عمل باعث شده کارکرد ابزارک‌های Icon Box و Icon List در سایت‌های RTL معکوس یا نادرست شود.

CSS logical properties به مرورگر میگوید به‌ جای استفاده از ویژگی‌های سنتی مثل left یا right از ویژگی‌ های منطقی مثل inline-start و inline-end استفاده کند. این رویکرد به‌ صورت نظری باید RTL را بهتر پشتیبانی کند اما در اعمال عملی در المنتور باعث این مشکل شده است.

نحوه رفع مشکل چپ‌ چین شدن آیکون‌ها در المنتور ۳.۳۴.۰

روش ۱: بازگشت به نسخه قبلی المنتور

اگر این مشکل در سایت شما باعث اختلال جدی شده است و هنوز المنتور نسخه جدید هم مشکلی مشابه را برطرف نکرده است ؛ به نسخه ۳.۳۳.۴ برگردید (Downgrade) تا زمانی که المنتور این باگ را در آپدیت‌ های بعدی رفع کند.
برای این کار می‌توانید:

در پیشخوان وردپرس > المنتور > ابزارها بروید.
وارد سربرگ کنترل نسخه شده و از بخش بازگشت نسخه رایگان ، نسخه 3.33.4 را انتخاب کرده و بر روی نصب مجدد کلیک کنید.
سپس بعد از بازگشت به نسخه قبلی المنتور ، بررسی کنید مشکل رفع شده یا خیر.

توجه: قبل از انجام این کار از سایت خود بکاپ کامل تهیه کنید. همچنین بعد از بازگشت به نسخه قبلی المنتور ، جهت بررسی سایت حتما حافظه کش مرورگر و سایت را پاک کنید تا نسخه جدید سایت را مشاهده کنید.

روش ۲: CSS سفارشی برای RTL

اگر نمی‌خواهید المنتور را دانگرید کنید ، می‌توانید CSS سفارشی برای باز تنظیم نحوه چینش آیکون‌ها در سایت‌های RTL اضافه کنید:

در مسیر نمایش > سفارشی‌سازی > CSS اضافی کد زیر را قرار دهید (این نمونه ممکن است نیاز به اصلاح داشته باشد بسته به ساختار صفحه شما):

/* اصلاح موقعیت آیکون در Icon List برای RTL */
body.rtl .elementor-icon-list .elementor-icon-list-icon {
    margin-inline-end: 10px !important; /* فاصله مناسب سمت آیکون */
    margin-inline-start: 0 !important; /* حذف فاصله چپ */
}
body.rtl .elementor-icon-list .elementor-icon-list-text {
    text-align: right !important;
}

این کد باعث میشود که آیکون‌ها در سمت راست قرار گرفته و فاصله مناسبی داشته باشند. این CSS عمومی است و ممکن است نیاز به جزئیات تنظیم بیشتر داشته باشد.

روش ۳: Regenerate CSS و Cache

گاهی مشکلات CSS به‌ خاطر کش و فایل‌های CSS قدیمی ایجاد می‌شود:

به پیشخوان وردپرس > المنتور > ابزارها بروید.
روی تولید مجدد CSS & داده‌ها (Regenerate CSS & Data) کلیک کنید.
کش مرورگر و کش افزونه‌های کش را پاک کنید.

این کار باعث می‌شود فایل‌ های CSS دوباره ساخته شوند و ممکن است مشکلات جزئی ریز برطرف شود.

نکات مهم قبل از اعمال تغییرات

تهیه بکاپ کامل: پیش از هر تغییر یا دانگرید ، از کل سایت نسخه پشتیبان تهیه کنید.
بررسی تداخل قالب و افزونه‌ها: بعضی قالب‌ یا افزونه‌ های جانبی ممکن است با تنظیمات RTL تداخل ایجاد کنند.
تداخل با Elementor Pro: اگر المنتور Pro دارید ، نسخه Pro را نیز آپدیت کنید تا با نسخه المنتور اصلی سازگار باشد.

نتیجه‌ گیری

مشکل چپ‌ چین شدن آیکون‌ها در نسخه ۳.۳۴.۰ المنتور یک باگ شناخته‌ شده برای سایت‌ های راستچین محسوب میشود که به‌ دلیل تغییر در نحوه استفاده از CSS Logical Properties رخ داده است. برای حل مشکل می‌توانید به نسخه قبلی المنتور بازگردید ، CSS سفارشی برای اصلاح موقعیت آیکون‌ها اضافه کنید و یا CSS را بازسازی و کش را پاک کنید. این روش‌ها تا زمان انتشار یک آپدیت رسمی المنتور که این اشکال را رفع کند ، بهترین راهکارها هستند.

در این مقاله به‌صورت جامع به مشکل چپ‌ چین شدن آیکون‌ها در المنتور ، به‌ ویژه پس از بروزرسانی به نسخه‌های جدید پرداختیم. بررسی کردیم که این مشکل چرا در سایت‌های RTL رخ می‌دهد ، چه تغییراتی در ساختار CSS المنتور باعث بروز آن شده و چه تفاوتی میان نسخه‌های پایدار قبلی و نسخه‌های جدید وجود دارد. همچنین راهکارهای عملی و تست‌شده‌ای را ارائه دادیم تا بتوانید بدون آسیب به ساختار طراحی ، چینش صحیح آیکون‌ها را بازیابی کرده و هماهنگی رابط کاربری سایت خود را حفظ کنید.

اگر تمایل دارید این فرآیند به‌صورت دقیق‌تر، اصولی‌تر و بدون ریسک برای سئو و تجربه کاربری انجام شود ، تیم ما آماده ارائه خدمات تخصصی عیب‌یابی و بهینه‌سازی المنتور است. با ما تماس بگیرید تا وضعیت قالب ، تنظیمات RTL، فایل‌های CSS و نسخه المنتور سایت شما بررسی شود و یک راهکار پایدار و استاندارد متناسب با ساختار سایتتان ارائه دهیم. ما در کنار شما هستیم تا مشکلات المنتور و وردپرس را با رویکردی فنی ، تجربه‌ محور و مطابق با آخرین استانداردهای طراحی و سئو برطرف کنیم. با اجرای نکات مطرح‌شده در این مقاله نه‌ تنها از تکرار این خطا جلوگیری خواهید کرد بلکه انسجام بصری ، رضایت کاربران و اعتبار سایت شما نیز به شکل محسوسی افزایش خواهد یافت.