粘性导航 - 徽标在移动版本上向下移动,但不应该

时间:2017-02-08 14:49:56

标签: css wordpress

我的网站移动版本存在问题。我设法让导航停留在页面顶部,但是当用户滚动时徽标向下移动。

我已尝试过在此处和其他网站上找到的各种建议,包括:

#masthead .site-header  {
position: relative !important; }

#sticky_navigation {
position: relative;
top: 0; 
}

这些都在移动设备的媒体查询中。

我对代码很陌生,所以我确定它可能是一个菜鸟错误!

这是该网站的链接。 http://coppercatphotography.co.uk/demo/wordpress/

谢谢!

1 个答案:

答案 0 :(得分:1)

您的徽标随页面向下移动的原因是您的声明.container_16 .grid_5position: fixed。您需要删除它或覆盖它。你可以这样做:

#sticky_navigation .container_16 .grid_5 {
    position: absolute;
}

应该覆盖它并解决您的问题。 (我使用绝对而不是亲戚,因为亲戚似乎会影响你网页上的其他元素。)