مشکل سفید افتادن قسمت اعظم قالب موبایلی

[دکتر مهندس 687]

با سلام

آقا این سایت http://medplant.ir رو ببینید قالب موبایلی اش رو وقتی با موبایل باز میکنم، یه قسمت زیادی سفید میفته توی صفحه و باید کلی اسکرول کنی تا به قسمت مطلب برسی.

کسی میدونه مشکل از چیه و چطوری میشه حلش کرد؟

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

با تشکر

[4M!R 805]

در 2 ساعت قبل، دکتر مهندس گفته است :

با سلام

آقا این سایت http://medplant.ir رو ببینید قالب موبایلی اش رو وقتی با موبایل باز میکنم، یه قسمت زیادی سفید میفته توی صفحه و باید کلی اسکرول کنی تا به قسمت مطلب برسی.

کسی میدونه مشکل از چیه و چطوری میشه حلش کرد؟

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

با تشکر

#shadow-footer  پهنا به پیکسل داده شده برا همین اسکرول افقی میخوره اینو به دردصد بدین

حق الزحمه هم دعای خیر

 

ولی قالب خوب ریسپانسیو نشده در کل مشکل داره

ویرایش شده خرداد 96 توسط 4M!R

[دکتر مهندس 687]

در در 5/24/2017 at 16:31، 4M!R گفته است :

#shadow-footer  پهنا به پیکسل داده شده برا همین اسکرول افقی میخوره اینو به دردصد بدین

حق الزحمه هم دعای خیر

 

ولی قالب خوب ریسپانسیو نشده در کل مشکل داره

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

فقط یک نکته: من 100% گذاشتم ولی الان اگر چک کنی توی موبایل می بینی که یه کوچولو خیل کم سفید میفته هنوز. میشه تشخیص داد که بایدچند درصد بذارم که کاملا اوکی در بیاد؟

متشکر

[دکتر مهندس 687]

در در 5/24/2017 at 16:31، 4M!R گفته است :

#shadow-footer  پهنا به پیکسل داده شده برا همین اسکرول افقی میخوره اینو به دردصد بدین

حق الزحمه هم دعای خیر

 

ولی قالب خوب ریسپانسیو نشده در کل مشکل داره

ضمنا شما که اینقد خوب هستی، میتونی ببینید چرا در نسخه کامپیوتری، صفحات آرشیو مثلا http://medplant.ir/cat/plant اینطوری میشن؟

میخوام که اون کادر آخرین اخبار رو کلا از توی صفحات آرشیو حذف کنم.

[kooroshi60 0]

سلام. من هم همین مشکل رو با سایتم دارم. چطوری نسخه موبایلی رو میشه Inspect کرد؟ توی پنل وردپرس نسخه موبایل رو درست نشون میده و من نمیتونم بفهمم اشکال کار کجاست.

ممنون میشم راهنمایی کنید.

[kooroshi60 0]

مشکل حل شد.

در قسمت سفارشی سازی این کد CSS را اضافه کنید.

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