使标题菜单固定位置（主题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;
}

<强>输出

Answer 2

你可以尝试：

.<youClassName>{
    position: absolute;
    top: 0px;
}

这应该将您的菜单修复到顶部，它将跟随您滚动。

Answer 3

删除position: relative;

添加

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

Answer 4

添加固定到div的位置而不是每个元素

检查此fiddle

<强> HTML

<div id = "menu">
    <ul class = "main">
        <li>
            Home
        </li>
        <li>
            About
        </li>
        <li>
            Contact
        </li>
    </ul>
</div>
<div id = "content">

    CONTENT CONTENT
</div>

CSS

div#menu {
    position: fixed;
    background-color: #0088cc;
    color: #f8f8f8;
    width: 100%;
    height: 50px;
}

ul li {
    float: left;
    margin: 2%;
    list-style: none;
    cursor: pointer;
}

#content {
    height: 1000px;
}