尝试将导航栏居中，“品牌”和菜单项将对齐

Question

我通过发布this question在导航栏居中方面获得了一些帮助。我现在可以将导航栏居中，但是当这样做时，“品牌”将在大屏幕上的菜单项上方在线上显示。

沙盒示例为here。带有汉堡菜单的小屏幕可以正常工作，但是当您进入大屏幕时，则不能。要进入大屏幕，请点击

如果注释掉“ import” ./index.css“，则会得到一个左对齐的菜单，它是我想要的（左对齐部分除外）：

通过导入，它居中，但是看起来像这样：

居中，但现在分为两行，链接上方是“品牌”。关于如何解决此问题以使其居中的任何想法，但都与上图相同？谢谢！