Make a header responsive


I have elements in a header that I want centered on Desktop, but then to collapse with just a logo and a hamburger bar on mobile. see pictures.

Screen Shot 2021-05-28 at 7.13.41 PM

However on mobile the top left text does not actually show up, and I can’t add it in without off centering the middle group on desktop. How can I fix this? Have tried everything with messing around with fixed widths, adding multiple groups, etc.