调整浏览器窗口大小时，导航栏项目会浮在徽标后面

Question

因此，我正在与我合作的公司合作使用网站，调整浏览器大小时，导航栏似乎存在功能问题。几天来我一直在盯着该页面的代码，但似乎找不到此问题所在的位置。我是从其他开发人员那里继承此页面的，所以我只是想将所有内容设置为全包。

站点为https://www.apprenace.com/，您会注意到“ About Apprenace”链接将出现在左侧实际徽标的后面，直到浏览器达到特定大小以将导航栏变为下拉菜单。我一直在尝试更改导航栏本身的位置属性，但这似乎无济于事。

在此先感谢您的帮助。干杯。

Answer 1

.mo-header-菜单下有两列，一列用于徽标，一列用于菜单。我略微修改了现有的列大小类以使其适合。另一种选择是调整您的引导移动SM断点。

这有效：

<div class="mo-header-menu">
    <div class="col-md-4 col-lg-3 mo-col-logo">...</div>
    <div class="col-md-8 col-lg-9 mo-col-menu">...</div>
</div>

说到上面的评论，您不需要编辑样式表，只需编辑标题布局/主题文件中的一些HTML类属性即可。