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

حل مشکل اسکرول افقی

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

اما چجوری اسکرول افقی روی سایت رو حذف کنیم؟

برای حل این مشکل چنتا راه حل وجود داره که یکیش استفاده از کد css هستش.

استفاده از کد css

<style>
.class{
/* حذف اسکرول افقی */
overflow-x: hidden;
/* اسکرول عمودی */
overflow-y: auto;
}
</style>

و اما راه حل بعدی …

استفاده از المنتور برای حل مشکل اسکرول افقی در وردپرس

تو المنتور چک کنید که در همه بخش های انتخاب شده، حالت کشیدگی غیر فعال باشه.

غیر فعال کردن حالت کشیدگی

سعی کنید برای بخش های مختلف یه padding=10px در نظر بگیرید.

قرار دادن padding=10px در صفحه

و راه حل آخر اینکه در sectionهای مختلف خاصیت overflow (که احتمالا سرریز ترجمه شده!!) رو روی حالت hidden یا مخفی قرار بدید.

غیرفعال مردن حالت overflow هر سکشن

مشکل سایت من که با مورد آخر برطرف شد 🙂

بازگشت به لیست

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.