Yeah I saw you recommend this approach on an earlier post as well but there is a problem. As you can see on my site the menu navigation is centered underneath my logo and the button is pinned to the right, also slightly higher in terms of alignment. The nav-items are in their own wrapper that is not even as wide as the whole banner.
I would have to rip the nav-item from its container/wrapper, move it to the right and hope to god it still scrolls away in the header. I don't think that's easily achieved. I tried widening the nav-list-wrapper but it doesn't fill the entire width of the screen and even if it did I would still need to find a way to center 4 of the 5 items, but keep one to the right. It would be a CSS nightmare I think.