I’d really prefer for my header menu to not have this weird in-between phase where the items make a second row.

Narrow window with 6 menu items on two rows.

If the window is too narrow for them to be on one row, I just want it to collapse into this hamburger dropdown. Any CSS magicians out there who can help me out?

Narrow window with 6 items in a dropdown menu.