固定粘性导航栏

Question

我如何获得网站的固定导航？我希望我的网站上的菜单在用户向下滚动以查看内容时保持在页面上。

当用户向下滚动页面底部时，导航消失。我如何保持？我尝试使用此功能，但无效。

/ *粘性类已添加到导航栏中* /

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

这是我网站的链接。 https://kickthebuddyapk.com/

谢谢！

Answer 1

尝试添加：

#genesis-mobile-nav-secondary{top:0; position:sticky;}

Answer 2

尝试删除

.nav-secondary {
   margin-top: -100px; 
   padding-top: 100px;
}

并替换为

.nav-secondary {
    position: sticky;
    top: 0;
    background: white;
}