CSS

Question

当浏览器宽度约为 1180 时，菜单会换到第二行。我怎样才能阻止它这样做？

Answer 1

您需要将汉堡菜单的断点更改为 1200 像素，或者您可以增加容器的宽度：

.container {
    max-width: 1140px;
}

Answer 2

那是因为您的断点将 .contaner div-s 宽度设置为 970px。现在你有两个选择：

Answer 3

汉堡菜单是您在网站上的断点达到 1100 像素时与按钮一起使用以显示导航的菜单。之所以叫汉堡菜单，是因为有3条横线在上面。

正如 DNReNTi 所说，您可以这样做，但要保留您选择的布局，最好是，您可以将断点更改为更宽容或应用以下样式更改：

.cap-header-fixed .menu > li, .cap-primary-menu .menu > li {
display:inline-block;
padding: 0 8px;
}

另请注意，您已将菜单图标（汉堡菜单）设置为在@media only 屏幕和（最大宽度：1100px）和（最小宽度：0px）和主菜单中显示（显示：块；）显示在@media（最小宽度：1100px）。将其更改为 1101px，否则您会发现在 1100px 时汉堡包和桌面菜单都会显示。

希望这对您有所帮助:)

CSS - 防止菜单中断到第二行