我的网站移动版本存在问题。我设法让导航停留在页面顶部,但是当用户滚动时徽标向下移动。
我已尝试过在此处和其他网站上找到的各种建议,包括:
#masthead .site-header {
position: relative !important; }
#sticky_navigation {
position: relative;
top: 0;
}
这些都在移动设备的媒体查询中。
我对代码很陌生,所以我确定它可能是一个菜鸟错误!
这是该网站的链接。 http://coppercatphotography.co.uk/demo/wordpress/
谢谢!
答案 0 :(得分:1)
您的徽标随页面向下移动的原因是您的声明.container_16 .grid_5
已position: fixed
。您需要删除它或覆盖它。你可以这样做:
#sticky_navigation .container_16 .grid_5 {
position: absolute;
}
应该覆盖它并解决您的问题。 (我使用绝对而不是亲戚,因为亲戚似乎会影响你网页上的其他元素。)