css - 调整浏览器窗口大小时，导航栏项 float 在 Logo 后面

Question

所以我正在为我工​​作的公司的网站工作，当浏览器调整大小时，导航栏似乎存在功能问题。这几天我一直在盯着这个页面的代码看，但我似乎找不到这个问题的所在。我从另一个开发人员那里继承了这个页面，所以我只是想了解一下这一切是如何设置的。

站点是https://www.apprenace.com/你会注意到“关于 Apprenace”链接将位于左侧实际 Logo 的后面，直到浏览器达到特定大小以将导航栏变成下拉菜单。我一直在尝试更改导航栏本身的位置属性，但这似乎没有任何帮助。

提前感谢您的帮助。干杯。

Answer 1

在您的 .mo-header-menu 下有两列，一列用于 Logo ，一列用于菜单。我稍微修改了现有的列大小类以使其适合。另一种选择是调整您的引导移动 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 类属性即可。