hiden و ایکون فون

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

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

و همچنین کار نکردن hiden

https://codepen.io/Abolfazl-Poonaki/pen/NWeQwmB

سلام،

از fa-solid (fas) استفاده کنید:

fa fa-phone-flip fa-solid
fa fa-phone-flip
fas fa-phone-alt

بهترین پاسخ

محسن موحد ۲۶ مهر ۱۴۰۲، ۲۲:۱۳

ممنونم

ablfz.poonaki ۲۷ مهر ۱۴۰۲، ۱۴:۰۶

ولی هموز نتونستم مشکل هیدن شدن عناصر تو max-withe:600px حل کنم ینی کلاس hiden رو به عنصر مدنظر میدم ولی hiden نمیشه

ablfz.poonaki ۲۷ مهر ۱۴۰۲، ۱۴:۱۱

چون از کلاس‌های دیگر هم مقدار display ست میشود باید اولویت کلاس x-hidden رو بالاتر ببرید:

.xs-hidden{
    display: none !important;
}

نکته1: hidden به این شکل نوشته میشود.

نکته2: کدهای css داخل بلاک css در codepen می‌آید. استایل ریسپانسیو رو در js نوشته بودید.

نکته3: لینکهای cdn مربوط به fontawesome رو در قسمت آیکون چرخدنده ست کردم و تگ‌های html, head, body, style, script, title حذف شدند.

محسن موحد ۲۷ مهر ۱۴۰۲، ۱۶:۴۶