Navbar Breaking - smaller breakpoint + hamburger

I wish to do a navbar just like this:
read-only link:
On desktop view:

And then anything below desktop view:

But on desktop view, it seems that whenever i make the navbar-component to flexbox, it ends up destroying the vertical layout I have on tablet and smaller viewpoints, making all the links clumped up.

My read-only link: