I'm building a responsive site at concrete.lifestylerevolutionstx.com, and for some reason the site name breaks to the next line, below the logo, at smaller screen sizes. Any ideas how can I force them to stay on the same line?
问问题
52 次
1 回答
2
正如@millimouse 在评论中所建议的那样，由于您的徽标标题是部分文本和部分图像，您应该添加white-space: no-wrap;到容器中，在这种情况下它是.top-bar .name h1 a. 这将抑制文本中的换行符。
此外，您应该考虑使用 class 删除overflow: hidden;您的nav元素，并使用 class向您的元素.top-bar添加z-index至少 3 的a ，因此您的汉堡按钮菜单实际上会出现在滚动画廊上，以显示较低的屏幕宽度（宽度 <= 979px）。section.top-bar-section
于 2013-08-02T01:56:08.217 回答