احتمالا میدونین که هر برگه یا نوشته ای در المنتور ایجاد کنیم در آخر باید از قسمت پایین پنل ویرایشگر المنتور به نمای موبایلی بریم و ریسپانسیوش کنیم. ساخت وبسایت ریسپانسیو رو بطور کامل در این مطلب از آموزش المنتور توضیح دادیم. علاوه بر مواردی که برای وبسایت ریسپانسیو انجام میدیم، مثل انتخاب سایز مناسب فونتها یا پنهان کردن بعضی ویجتها برای نمای موبایل و تبلت، یک مورد دیگه هم داریم. ظاهر شدن اسکرول افقی در نمای موبایل سایتهای المنتوری. ویدئوی زیر رو ببینید.
این مشکل به‌صورتیه که باعث میشه از سمت راست یا چپ سایت شما فاصله سفید یا خالی ببینید که با اسکرول افقی برطرف میشه. خب علت چیه؟ یه ویجت یا بخشی در صفحه ویرایشگر افزونه المنتور شما باعث Overflow شده. کدوم ویجت یا بخش از کجا بفهمیم؟ راه حل خاصی نداره اما من بر اساس تجربیاتم مواردی رو براتون عنوان میکنم:
برای یک طراحی زیبا و بی دردسر قالب آماده بیمه ما رو ببینین.
مراحل رفع اشکال اسکرول افقی در موبایل
- در نمای موبایلی بخش رو انتخاب کنید، حالت کشیده رو غیرفعال کنید.
- برای بخشها و ویجتها در نمای موبایل 10 یا 15 واحد پدینگ قرار بدین.
- اگر ویجتی رو موقعیت سفارشی یا ثابت دادید بهتره در نمای موبایلی پنهانش کنید. یا مکانش رو طوری تنظیم کنید که در کناره های صفحه قرار نگیره.
- اگر به ویجتی افکت ماوس یا اسکرول دادی بهتره در نمای موبایلی پنهانش کنید یا موقعیتش و طوری تنظیم کنید که در کناره ها قرار نگیره.
- یکی یکی بخشها رو حذف کنید تا متوجه بشید کدوم بخش مشکل داره.
- اگر بعد از همه این موارد باز هم مورد مشکلدار رو پیدا نکردین، در قسمت ویرایش بخشها، تب طرح بندی گزینه Overflow رو مخفی کنید.
منظورم از نمای موبایلی تصویر زیره:
منظورم از مخفی کردن اورفلو هم تصویر زیره:
برای مخفی سازی در تبلت یا موبایل هم که از تب پیشرفته، قسمت واکنشگرا میریم. اگر شما راه حل، نظر یا پیشنهادی راجع به این مطلب دارین حتما برامون بنویسید، میدونید که موفقیت شما آرزوی منه.
16 پاسخ
سلام وقت بخیر
من قالب نگارشاپ دارم یک مشکل در موبایل دارم،در صفحه تک محصول اسکرول افقی ظاهر میشه بقیه صفحات مشکلی نداره،این مشکل در گوشی های ایفون زمانی اتفاق میوفته که کاربر لاگین شده به سایت و در صفحه تک محصول اسکرول افقی ظاهر میشه،در سیستم عامل اندرویید بعضی گوشی ها مشکل ندارن در یک گوشی اندرویید چک کردم صفحه تک محصول نصفه نشان داده مشیشد،در واقع به نظرم کلا صفحه تک محصول در موبایل ایرادی دارد که باید حل شود،از کد کوتاه هم در css استفاده کردم درست نشد،لطفا راهنمایی بفرمایید.سپاس
سلام و درود خدمت شما دوست عزیز
احتراما، این مورد را باید به پشتیبانی مارکتی که قالب نگارشاپ را از آن تهیه کرده اید اطلاع دهید تا بررسی شود.
باتشکر از حضور شما
سلام من در المنتور صفحاتی طراحی کردم که در مرورگر موبایل این صفحات دارای دو اسکرول عمودی نیز می باشد. من حتی تمامی سکشن هارو حذف کردم واما باز هم مشکل رفع نشد
باسلام خدمت شما وقت بخیر
احتراما برای راهنمایی بهتر این موضوع یک تیکت ارسال بفرمایید تا همکاران بنده شما را راهنمایی کنند. دقت داشته باشید خدمات پشتیبانی فقط برای خریداران محصول تعلق می‌گیرد.
باتشکر
سلام
قسمت ریسوانسیو وردپرس مشکل پیدا کرده و قسمت هایی که می‌خوام تو موبایل هاید بشه بازم نشون داده میشه
قالب وودمارت هستش و پس از حدود ۳ ماه این مشکل رخ داد
با تشکر
باسلام خدمت شما وقت بخیر
احتراما برای راهنمایی بهتر این موضوع یک تیکت ارسال بفرمایید تا همکاران بنده شما را راهنمایی کنند. دقت داشته باشید خدمات پشتیبانی فقط برای خریداران محصول تعلق می‌گیرد.
باتشکر
سلام وقت بخیر. من از زمانی که افزونه ی table of content رو فعال کردم با مشکل اسکرول لفقی روبرو شدم. از طرفی هم table of content المنتور فقط در حالت لوود قرار میگیره و باز نمیشه. راه حل چیه که هم بتونم از فهرست مطالب استفاده کنم و هم سایتم اسکرول افقی نگیره!
باسلام خدمت شما وقت بخیر
احتراما این مورد نیاز به بررسی دارد، لطفا یک پیام در سیستم تیکت پشتیبانی وب سایت ارسال نمایید تا همکاران ما شما را در سریع ترین زمان ممکن راهنمایی کنند.
باتشکر از حضور شما
مشکل من با مخفی کردن سرریز یا همون Overflow حل شد . ممنون از کمکت
باسلام خدمت شما کاربر گرامی
از اینکه این مطلب برای شما مفید بود بسیار خوشحالیم ، امیدواریم بتوانیم خدمتگزار خوبی برای شما باشیم .
باتشکر
سلام وقت بخیر من با افزونه مدادزرد دیدگاه قرار دادم . توی حالت موبایلی اسکرول افقی میگیره .پدینگ هم قراردادم جواب نداد.
با سلام خدمت شما کاربر گرامی
کاربر گرامی احتراما پشتیبانی افزونه مداد زرد در خدمات پشتیبانی وب سایت ما قرار نمی گیرد ، زیرا ما افزونه مداد زرد را در المنتور فارسی ارائه نکرده ایم . در صورت اینکه در کار با المنتور سوالی داشتید ما در خدمت شما هستیم .
باتشکر از حضور شما
ممنون از آموزشتون
من حتی تنها یک تصویر هم که در صفحه قرار میدم و با inspect گوگل در حالت ریسپانسیو قرار می دهم همچنان باید اسکرول کنم و فضای خالی زیاد است حتی صفحه سفید هم باشه باز هم باید اسکرول کرد
نمیدونم مشکل از کجاست و چطوری میتونم برطرف کنم
با سلام و احترام خانم نگار
برای رفع این مشکل شما میتوانید از طریق پشتیبانی تلگرام با ما در ارتباط باشید تا همکاران ما این مشکل را برطرف نمایند.
باتشکر
عالی بود مشکل من که چند روز بود درگیرش بودم و جلوی اسکرول نرم صفحه موبایل رو گرفته بود حل شد. سپاسگزارم
سلام و درود خدمت شما دوست عزیز
خواهش میکنم ، نظر لطف شماست.
ما از شما سپاسگزاریم که المنتور فارسی را انتخاب کردید.
با تشکر از حضور شما.