Isso não afetou a tela larga no meu site, onde tenho várias outras coisas acontecendo que não estão incluídas no componente ao qual você fez link, mas quebrou minha personalização da visualização para desktop, que foi ajustada para caber em telas móveis, permitindo que os usuários utilizem respostas incorporadas em dispositivos móveis. Por algum motivo, position: sticky não funcionou quando a largura era < 768px. Não faço ideia do motivo pelo qual sticky não funcionaria, então acabei tendo que usar:
@media (max-width: 767px) {
.d-header-wrap {
position: fixed;
top: 0;
width: 100%;
}
#main-outlet {
margin-top: 48px;
}
}