نیاز به عدم نمایش یک المان در نسخه موبایل (رسپانسیو)

[soshiant 8]

سلام

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

دموی آنلاین: کافه کتاب

این کد css مربوط به جایگاه همون بنر هست در هدر:

.box-shop-pack-header {
	background: #a06503;
	float: left;
	width: 70%;
	margin: 4% 5% 2% 5%;
 	padding: 0.9% 0.9% 0.9% 0.9%;
	text-align: left;
	height: auto;
}

میتونید یه دستور به این کد اضافه کنید که در دستگاه های کمتر از فلان اندازه (ینی همون در موبایل و تبلت) این بخش خالی بمونه و نمایش داده نشه؟

[reza_yki 103]

در در 11/24/2019 at 18:40، soshiant گفته است :

سلام

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

دموی آنلاین: کافه کتاب

این کد css مربوط به جایگاه همون بنر هست در هدر:

.box-shop-pack-header {
	background: #a06503;
	float: left;
	width: 70%;
	margin: 4% 5% 2% 5%;
 	padding: 0.9% 0.9% 0.9% 0.9%;
	text-align: left;
	height: auto;
}

میتونید یه دستور به این کد اضافه کنید که در دستگاه های کمتر از فلان اندازه (ینی همون در موبایل و تبلت) این بخش خالی بمونه و نمایش داده نشه؟

@media screen and (max-width: 600px) {
  .box-shop-pack-header {
    display: none;
  }
}

 

[soshiant 8]

در 52 دقیقه قبل، reza_yki گفته است :

@media screen and (max-width: 600px) {
  .box-shop-pack-header {
    display: none;
  }
}

 

سلام تشکر از این که وقت گذاشتید

متاسفانه کار نکرد

عدد رو هم تغییر دادم و کوچیک بزرگ کردم دیدم چه 1 پیکسل و چه ده هزار پیکسل میذارم کلا هیچ تغییری نمیکنه و همچنان بنر در موبایل پابرجاست!

[reza_yki 103]

در 2 ساعت قبل، soshiant گفته است :

سلام تشکر از این که وقت گذاشتید

متاسفانه کار نکرد

عدد رو هم تغییر دادم و کوچیک بزرگ کردم دیدم چه 1 پیکسل و چه ده هزار پیکسل میذارم کلا هیچ تغییری نمیکنه و همچنان بنر در موبایل پابرجاست!

@media screen and (max-width: 600px) {
  .box-shop-pack-header {
    display: none !important;
  }
}

این کد رو در انتهای فایل style.css قرار بدید به احتمال زیاد کار کنه

ویرایش شده آذر 98 توسط reza_yki

[soshiant 8]

در 1 ساعت قبل، reza_yki گفته است :

@media screen and (max-width: 600px) {
  .box-shop-pack-header {
    display: none !important;
  }
}

این کد رو در انتهای فایل style.css قرار بدید به احتمال زیاد کار کنه

متاسفانه بازم جواب نداد

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

[mr.nosrati 25]

در در ۱۳۹۸/۹/۴ at 00:53، soshiant گفته است :

متاسفانه بازم جواب نداد

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

احتمالا کش مرورگرت رو باید خالی کنی!

[ach1992 10]

در در 11/25/2019 at 00:53، soshiant گفته است :

متاسفانه بازم جواب نداد

سلام

بخش سفارشی سازی رو باز کنید و تو قسمت اضافه کردن css سفارشی کد زیر رو قرار بدین:

@media (max-width: 740px) {
  .box-shop-pack-header {
    display: none !important;
  }
}