Flatiron: Is there a way to bring my logo up above the "menu" link on mobile

Site URL: https://www.tylerelise.com/

On mobile my logo sits under the "menu" nav link, is there a way to swap these? Also is there a way to make it so my logo has less padding on mobile? Right now they sit very far apart from one another, but I don't want to have to make it smaller on desktop  (link and screenshot attached)

Thanks in advance! 

With question: Is there a way to bring my logo up above the "menu" link on mobile

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
header#topBar {
    display: flex;
    flex-direction: column-reverse;
}
}