I’m having some issues with getting my header how I’d like it to look. On medium to large screens, I have a double stacked menu and then on small - x small screens I have hidden the inline navigation
bar and replaced it with the hamburger icon. Two areas I’d like to improve and can’t quite figure out:
-
On medium sized screens the buttons inside container 2 of header bar 1 get the text cut off. Is there a way to make the text inside the button adjust size according to screen?
-
On mobile viewing, the hamburger menu button is below the logo. I’m struggling to find the best approach to include the logo in line next to it.