چطور از اسکرول افقی در وردپرس جلوگیری کنیم؟

برخی اوقات روی سایت وردپرسی خود شاهد این موضوع هستیم که به دلیل اینکه ابعاد قسمتی از قالب درست رعایت نشده سایت ما به صورت افقی اسکرول می شود. خیلی این مشکل کم پیش می آید ولی به درخواست یکی از خوانندگان سایت آموزش رفع کردن این مشکل را قرار می دهیم.

برای اینکه اسکرول افقی را برروی سایت خود متوقف کنید کافیست چند خط کد css به قالب سایت خود اضافه کنید. برای این کار برروی شخصی سازی کلیک کنید و از منوهایی که باز می شود برروی css های اضافه کلیک کنید. کدهای زیر را کپی و در آن قرار دهید ( همه کد ها با حرف کوچک باشند )

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

حالا سایت خود را مجدد منتشر کنید ، خواهید دید اسکرول افقی از بین رفته است. همه چی زیر سر کد overflow است که جلوگیری می کند از اسکرول در راستای یکی از مختصات x یا y ، که ما در این کد در راستای x اورفلو را مسدود کردیم.