My advice. Stop using position
absolute for layout. Do this only if you know what you’re doing.
remove the element from the normal flow
then you add
left To position the element in the right position related to the Bigger name (Very Buggy technique).
& Google it (“absolute and normal flow”)
By Flex: 3-4 clicks solution
From Zero - try this (3-4 styles - No way to fix your Styles) + The logo and tagline inside brand + The order of the tree should be Logo than menu (in your example you change the order).
Design: Try to minimize the logo height (Very tall navbar on mobile looks bad).
Another solution (Less dynamic) - is to add
padding-top/bottom to the hamburger icon (Or position
relative and add