html - 使标题菜单固定位置(主题tesseract)

Question

我正在尝试将标题菜单置于 tesseract 主题 ( http://tyler.com/ ) 的一个固定位置，这样如果您向下滚动，就可以从网站上的任何位置访问所有菜单元素.

我已经尝试了一些东西，并且总是将 position:fixed; 添加到主题的几个 css 类中，但没有任何反应。

如果你能帮我解决这个问题，我会很高兴。提前致谢

Answer 1

将这段代码从 position: relative 修改为 position: fixed

.home .site-header.no-header-image {
  left: auto;
  position: fixed;
  top: auto;
}

现在为了避免顶部内容被隐藏:

.home .site-content {
  padding-top: 60px;
}

输出