On large screens the logo detaches pretty far from the nav bar and sticks at the left border of the screen. This looks a bit weird since the logo is aligned on the far left and the menu and the main content are centered. These two parts shouldn’t be so far away from each other. When the user looks at the main content the logo doesn’t really get noticed since it’s located somewhere else.
How is it possible to make the logo stick to the menu bar instead, so they actually belong together? The logo and the nav bar should be one coherent piece ideally.
From what I can tell the part that stretches dynamically seems to be the class:
.header-navbar__start
and the nav bar seems to be styled by this class:
.header-navbar__middle
Thanks for your help guys!