عدم لود منو در حالت رسپانسیو

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

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

تو گوگل جستو جو کردم و همنطور cahtgpt اما مشکل رو نتونستم پیدا و حل کنم

فایل پروژه پیوست شده

https://drive.google.com/file/d/1T47xgPowPCHwvd1dTaUHTPCMOzsoZnZg/view?usp=sharing

درود

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

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

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

بهترین پاسخ

نازنین کریمی مقدم ۰۹ خرداد ۱۴۰۲، ۱۵:۲۶

اشتباه من برای عدم لود منو تو حالت رسپانسیو مربوط میشد به فاصله گذاری

در مدیا کوری بعد از کلاس .nav و .responsive فاصله قرار میدادم که همین مورد باعث شد تا منو به درستی کار نکنه

@media screen and (max-width:576px){
nav.nav.responsive{}
}

مهدی ربانی ۱۰ خرداد ۱۴۰۲، ۰۳:۱۶