Ein Aspekt, der mir am mobilen Setup gefällt, ist, dass das Seitenleistenmenü als Überlagerung ein- und ausgeblendet wird und nicht auf der Seite eingebettet ist. Es fühlt sich für mich auf einem Mobilgerät “nativer” an.
Wie wäre es, einfach eine Breakpoint-Deklaration hinzuzufügen?
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
So wird auf schmalen Mobilgeräten der potenzielle zusätzliche Platz entfernt, aber breitere Geräte hätten den Wrapper zentriert.