هل هناك فرصة لتطبيق نقطة توقف بحيث عندما تكون مساحة الشاشة الأفقية أقل من حد معين، تختفي روابط الرأس المخصصة؟ حاليًا، تظل على الشاشة ويتم قطعها ببساطة عند تصغير الشاشة ضمن حد معين.
إعجابَين (2)
إذا لم يكن متاحًا مباشرة في المكون، فمن السهل القيام بذلك باستخدام CSS في سمة/مكون مخصص، خاصة وأن كل رابط له اسم فئة فريد.
مثال، حيث نخفي الرابط الأول عند نقطة توقف محددة.
.most-liked-custom-header-links {
@include breakpoint('extra-large') {
display: none;
}
}
يمكنك العثور على قائمة نقاط التوقف هنا:
إعجابَين (2)