【问题标题】:How to add a sticky header to wordpress theme "Bota"?如何为 wordpress 主题“Bota”添加粘性标题?
【发布时间】:2013-10-09 21:20:54
【问题描述】:

如何更改 Bota 中的编码,以便顶部栏已经存在?我试过这样做

#topbar {
      position:fixed;
      background: #333;
      top:0;
      right:0;
     left:0;
     z-index:99;

}

这让它完全消失了。任何帮助将不胜感激。
编辑:链接到主题http://wordpress.org/themes/bota
我正在使用 Wordpress 3.5.2

【问题讨论】:

  • 我已经尝试了所有其他论坛,例如 Wordpress 上的特定论坛,但没有得到任何回复,我知道这是一个非常具体的问题,但我无处可去,真的被困住了!感谢您的帮助

标签: wordpress header social


【解决方案1】:

你应该添加height样式

#topbar 
{
  position:absolute; /* or 'fixed' */
  background: #333;
  top:0;
  width: 100%; /* or 'left: 0; right: 0;' */
  height: 100px;
}  

JSFiddle DEMO

【讨论】:

  • 谢谢,我刚刚将位置更改为固定位置,它起作用了!然后我找到了一个无论如何都可以做到的插件,但它给我带来了完全不同的麻烦!感谢您的帮助
【解决方案2】:

您可以尝试使用名为 Sticky Header http://wordpress.org/plugins/sticky-header/ 的免费 WordPress 插件

它应该适用于几乎所有使用最佳实践编码的 WordPress 主题。

【讨论】:

    猜你喜欢
    • 2015-05-14
    • 1970-01-01
    • 2019-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多