【質問内容】レスポンシブデザインについて ResponsiveでHeaderの長さを変えると下のよう......

[Question_user]

【質問内容】レスポンシブデザインについて
ResponsiveでHeaderの長さを変えると下のように、２段になってしまいます。
右の２つの要素はGroup化して右寄せして、左のアイコンと文字は左寄せしていますし、左の要素の長さもあまり長くないので原因がわからず、回答をお願いしたいです。
【URL】https://dlg-profile.bubbleapps.io/version-test/login?debug_mode=true

[Answer_user]

回答者
これを見る限りは左のアイコンのサイズも影響していると思われます。
左のアイコンの％を下げて、右グループをハンバーガー化してやっと収まるかなという印象ですが、いかがでしょうか？

質問者
試してみたところ、それで行けました！
あと、ログアウトのボタンが見えない時に悪さをしていたみたいなので、そこを修正したらさらに良くなりました

参考画像