Html 导航栏样式问题

在菜单栏之间使用一个居中的徽标，我注意到在Internet Explorer上，徽标有点错位。我添加了一个自定义css（custom.css）文档来修复所有浏览器的徽标菜单位置，但结果影响了移动查看的导航栏。 如何调整custom.css或常规代码，使菜单适合所有浏览器，但移动导航栏仍然不受影响

这是实时链接：

这是我尝试过的custom.css（见Head）

/*sunplay的自定义css*/
header.main-header.mainbar容器。mainbar{
显示器：flex；
}
header.main-header.mainbar容器.mainbar.mainbar行{
显示器：flex；
证明内容：中心；
对齐项目：居中！重要；
保证金：0；
}
header.main-header.mainbar容器.mainbar.col自动{
填充：0px；
宽度：100%；
}
header.main-header.mainbar容器.mainbar.col auto.navbar头{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.lqd css粘滞包裹.ld-parallax-wrap.parallax-applied span.split-inner、.ld-parallax-wrap.parallax-applied span.split-inner{
转换：translateY（0px）！重要；
}
@介质（最大宽度：480px）{
.ld视差包裹。lqd线。分割单元。内部分割{
字体大小：53px！重要；
字母间距：0；
}
}

太阳剧








班萨雷阳光俱乐部

Hey@P.Sav，你目前在IE中的表现如何？（你能添加屏幕截图吗？）另外，你期望IE的搜索结果是什么？你能添加更多的真实问题吗？类似于：1.）2）现在IE&Chrome浏览器看起来不错，但如果你在mobile（Chrome）中查看，我添加的custom.css会导致严重的样式问题-这就是它的外观：对我来说。你希望它看起来怎么样？导航栏（手机）两侧的白色间隙看起来很糟糕。它应该是相同颜色的蓝色，即使在扩大。在添加自定义css之前，它很好地解决了徽标问题，但创建了这个。如果完全删除custom.css，您可以看到结果，移动导航栏看起来很棒。