css - 需要防止站点名称在较小的设备上中断到下一行

我正在concrete.lifestylerevolutionstx.com建立一个响应式站点，由于某种原因，该站点名称在较小的屏幕尺寸下会中断到徽标下方的下一行。有什么想法可以迫使他们保持一致吗？

最佳答案

正如@millimouse在注释中建议的那样，由于徽标标头是零件文本和零件图像，因此应在容器中添加white-space: no-wrap;，在本例中为.top-bar .name h1 a。这将抑制文本内的换行符。

此外，您应该考虑删除类别为overflow: hidden;的nav元素上的.top-bar，并为类别为z-index的section元素添加至少3的.top-bar-section，因此，您的汉堡包按钮菜单实际上会出现在滚动图库上，以显示较小的屏幕宽度（宽度

关于css - 需要防止站点名称在较小的设备上中断到下一行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18007107/