【问题标题】:How do I make my header fixed/sticky on Wordpress theme?如何使我的标题在 Wordpress 主题上固定/粘性?
【发布时间】:2017-01-12 20:26:59
【问题描述】:

我正在帮助一个朋友制作一个网站,但标题没有固定在顶部,它现在与幻灯片重叠。但是,如果我将屏幕折叠到“ipad”宽度,标题将固定在顶部。

这是目前的网站:http://www.testing-30-10-1993.com/

我不想冒险编辑代码以防万一它搞砸了。我从 Template Monster 购买了这个主题。我只是真的希望像将网站宽度拖动到 ipad 大小一样修复标题/导航。

有人可以帮忙吗?或者,有谁知道我可以付钱给某人做这件事的任何人/网站吗?干杯并感谢所有帮助。我会添加代码,但我什至不确定应该复制代码的哪一部分。

x

【问题讨论】:

    标签: wordpress templates header fixed sticky


    【解决方案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;
        }
    }
    

    祝你好运!

    【讨论】:

    • 这是一个添加 CSS 的好插件:wordpress.org/plugins/custom-css-pro
    • 你是个十足的救星!我已经编辑了代码并且它可以工作(只需要编辑标题的大小,但我可以做到)。非常感谢你,你解决了一个困扰我好几个星期的问题。非常感激! :)
    猜你喜欢
    • 2015-05-14
    • 1970-01-01
    • 2012-09-03
    • 1970-01-01
    • 1970-01-01
    • 2019-08-10
    • 2017-11-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多