モバイル設定で気に入っている点の一つは、サイドバーメニューがページに埋め込まれるのではなく、オーバーレイとしてスライドインすることです。私にとっては、モバイルデバイスでより「ネイティブ」に感じられます。
ブレークポイント宣言を追加するのはどうでしょうか？
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
これにより、狭いモバイルデバイスでは潜在的な余分なスペースが削除されますが、より広いデバイスではラッパーが中央揃えになります。