راکت
حل شده

نمایش اسلایدر

2 پاسخ

سلام وقت بخیر دوستان یه قالب دارم در نسخه تحت وب دو اسلایدر نمایش داده میشه اما میخوام در نسخه گوشی فقط یک اسلایدر نمایش داده بشه میتونید راهنمایی کنید . هر کلاس و استایلی میدم که display:none بشود عمل نمیشود .

ثبت پرسش جدید

پاسخ‌ها

2
مهدی مشایخی
مهدی مشایخی
@MahdiMashayekhi

تخصص: برنامه نویس پایتون - ماشین لرنینگ - جنگو

بهترین پاسخ

سلام روز بخیر

برای اینکه در نسخه گوشی فقط یک اسلایدر نمایش داده بشه، با استفاده از @media میتونی این کار رو انجام بدی. فک کنم کلاس slider-container که اسلایدهای شما رو نشون می‌ده، هست. حالا کافیه استایل زیر رو به کدهای CSS اضافه کنی و در نمایشگر گوشی، تنها یک اسلایدر رو نشون داده بشه

@media only screen and (max-width: 768px) { .slider-container { /* تنظیمات شما */ display: none; } } 

با استفاده از مشخصه max-width ما به این کار امکان میديم که تنها گوشی‌هايي که یک اسلایدر دارند، این تغییرات رو بدن. حالا با این کار، کلاس slider-container توی نمایشگر گوشی مخفی میشه و تنها یک اسلایدر رو نشون میدیم.

امیدوارم که بهتون کمک کرده باشم!

MagicalDev
MagicalDev
@magicaldev1

تخصص: Laravel Developer

درود

    visibility: hidden;

رو هم امتحان کنید

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام