Un aspect que j’aime dans la configuration mobile, c’est que le menu de la barre latérale apparaît en superposition et n’est pas intégré à la page. Cela me semble plus « natif » sur un appareil mobile.
Que diriez-vous d’ajouter simplement une déclaration de point d’arrêt ?
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
Ainsi, sur les appareils mobiles étroits, l’espace supplémentaire potentiel est supprimé, mais les appareils plus larges auraient l’enveloppe centrée.