For the Left Sidebar you would use this CSS instead:
@media (min-width: 769px) {
.full-width-content .site-content {
display: flex;
flex-direction: row-reverse;
}
.full-width-content #primary {
width: unset;
float: none;
left: unset;
flex: 1;
}
.full-width-content #left-sidebar {
width: unset;
float: none;
left: unset;
flex: 0 0 200px;
}
}
And then in Customizer > Layout > Header and Layout > Primary Navigation you can set them both and there contents to full width.