Un aspetto che mi piace della configurazione mobile è che il menu della barra laterale scorre come un overlay e non è incorporato nella pagina. Mi sembra più “nativo” su un dispositivo mobile.
Che ne dici di aggiungere semplicemente una dichiarazione di breakpoint?
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
Quindi, sui dispositivi mobili stretti, lo spazio extra potenziale viene rimosso, ma i dispositivi più larghi avrebbero il wrapper centrato.