Un aspecto que me gusta de la configuración móvil es que el menú de la barra lateral aparece como una superposición y no incrustado en la página. Me parece más “nativo” en un dispositivo móvil.
¿Qué tal si simplemente agregamos una declaración de punto de interrupción?
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
Así, en dispositivos móviles estrechos, se elimina el posible espacio adicional, pero los dispositivos más anchos tendrían el contenedor centrado.