لم يؤثر هذا على العرض العريض في موقعي، حيث أملك العديد من العناصر الأخرى غير المدرجة في المكون الذي ربطت به، لكنه عطل تخصيصي لعرض سطح المكتب ليتناسب مع شاشات الجوال، مما يسمح للمستخدمين باستخدام الردود المضمنة على الأجهزة المحمولة. لسبب ما، لم يلتصق العنصر باستخدام position: sticky عندما كانت العرض أقل من 768 بكسل. لا أعرف سبب عدم عمل sticky، لذا اضطررت في النهاية إلى استخدام الكود التالي:
@media (max-width: 767px) {
.d-header-wrap {
position: fixed;
top: 0;
width: 100%;
}
#main-outlet {
margin-top: 48px;
}
}