页眉和页脚中的某些div没有响应

时间:2016-05-18 18:18:23

标签: css wordpress responsive-design

我无法让我的标题响应。当我从一个完整大小的浏览器窗口或手机上查看该网站时,它很好。 (我已经为移动设备设置了“@media only”查询。)但是,如果我将浏览器窗口调整为两者之间的任何内容,则标题左侧的div将进入右侧的div。

我有一种感觉,因为我已经通过header.php文件将徽标插入网站。如果它不存在,我确定标题会响应。

你怎么处理这个?是否有一些“@ only only”查询我可以设置来解决中间浏览器大小问题?

您可以在此处查看相关测试网站:http://kahamarketing.com/wyckoff/wordpress/

我对页脚中的三个横幅有类似的问题,如果我使浏览器窗口变小,它会相互碰撞。同样,我通过网站的footer.php文件添加了这些元素。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

在您的情况下,a.logo的高度规则会使其中断。取出height: 60px

的行

之后您可能需要为margin-top

取出nav.navigation规则

对于你的页脚问题,它有点复杂。 很难解释,而不知道你对CSS有多了解