Это не повлияло на широкоформатный режим на моём сайте, где задействовано множество других элементов, не входящих в компонент, на который вы ссылаетесь. Однако это сломало мою настройку для настольного вида, чтобы он корректно отображался на мобильных экранах и позволял пользователям просматривать встроенные ответы/ответы на мобильных устройствах. По какой-то причине position: sticky перестал работать при ширине < 768px. Не знаю, почему sticky не сработал, поэтому в итоге я решил использовать:
@media (max-width: 767px) {
.d-header-wrap {
position: fixed;
top: 0;
width: 100%;
}
#main-outlet {
margin-top: 48px;
}
}