مشکل در اسلایدشو

[sorina_1100 6]

سلام

اسلایدشو سایتم تو نسخه لپ تاپ مشکلی نداره اما تو موبایل از بالا و پایین یکم فاصله میفته رو اسلایدشو ، از دو طرف هم یه مقدار از عکس رو نمایش نمیده

مشکل کجاست؟ ( یه کد برای تمام صفحه شدن و مارجین از طرفین داده شده که روی لپ تاپ درست هست اما نمایش موبایلی رو خراب میکنه )

آدرس سایتم :

http://afrano.ir

ممنون

[وحید محمدی 292]

سلام
دوست عزیز
اولاً از یک اسلاید شو دیگه استفاده کنید شاید بدون نیاز به برنامه نویسی و کد نویسی مشکلتان حل شود.

دوماً این مشکلی که گفتید مربوط به یک دایو هست با این مشخصات <div class="rt-block "> که از بالا و پایین padding گرفته که باید padding از بالا و پایین را صفر کنید. بصورت زیر

div.rt-block{padding-top: 0px !important;padding-bottom: 0px !important;}

اما کد بالا یک مشکل دیگه ایجاد میکنه و باعث میشه در تمامی صفحات نمایش با هر رزولیشنی این padding ها حذف بشه و تنظیم صفحه در بعضی از رزولیشن ها به هم بخوره. به همین خاطر اگر می خواهید دقیقاً برای هر صفحه و هر رزولیشنی موبایل مجزا، تبلت مجزا، لپ تاپ مجزا و کامپیوتر مجزا این padding ها را کنترل کنید باید از مدیا کوئری استفاده کنید. مثلاً
 

@media only screen and (max-device-width:360px){div.rt-block{padding-top: 0px !important;padding-bottom: 0px !important;}}

مثلاً در کد بالا من به مرورگر میگم که فقط برای وسایل و صفحاتی که رزولیشنشان حداکثر 360 پیکسل هست برای دایو مذکور padding بالا و پایین را حذف کن.