.navbar is fixed at viewport top and contains the logo, the hamburger and the hidden menu below it.
.logo is positioned left.
The hamburger and the expandable menu column are aligned right.
Do you mean: The
.logo centred at the top, not overlapping the
.navbar-nav space below?
What about the menu button?
As the hamburger/menu column goes right, do you want the logo in level with the hamburger or maybe also the whole menu in specified viewport widths?
Are those parts placed exactly where you want them at other widths?
Yes, I think the navbar css is a mess.