如何在 Wordpress 主题上制作我的 header fixed/sticky？

Question

我正在帮一个朋友制作一个网站，但是 header 没有固定在顶部，它现在与幻灯片重叠。但是，如果我将屏幕折叠到 'ipad' 宽度，则 header 固定在顶部。

我不想冒险编辑代码以防它搞砸。我从 Template Monster 购买了这个主题。我只是真的希望 header/nav 固定，就像将网站宽度拖动到 ipad 大小一样。

有人能帮忙吗？或者有人知道 anyone/website 我可以在哪里花钱请人来做这件事吗？干杯并感谢所有帮助。我会添加代码，但我什至不确定应该复制代码的哪一部分。

x

Answer 1

如果您不怕编辑一行代码，请转到文件夹中 main-style.css 文件的第 844 行，找到此声明：

.page-template-page-home-php .header > .container > div {
     position: absolute;
}

改成这样：

.page-template-page-home-php .header > .container > div {
    position: relative;
}

否则，如果您不想弄乱主题文件，请安装用于添加自定义的插件 CSS 并粘贴以下代码：

@media (min-width: 1200px) {
    body.page-template-page-home-php .header > .container > div {
        position: relative;
    }
}

祝你好运！

How do I make my header fixed/sticky on Wordpress theme?