Hola @Lilly 
Usé tu código CSS para reorganizar el orden de las secciones de navegación. Funciona bien cuando la página web está en tamaño completo.
Sin embargo, cuando intento redimensionar la página web a un ancho menor, la configuración de orden en el código CSS no es válida. La última sección se convierte en la segunda, como en la siguiente imagen:
Descubrí que la propiedad display: block; de sidebar-sections impide que order tenga efecto. Luego, intenté agregar algo de código al código CSS.
.sidebar-sections{
display: flex;
flex-direction: column;
}
Y ahora el orden de las secciones está bajo control.