在 wordpress 中创建固定标题答案

【问题标题】：Create fixed header in wordpress在 wordpress 中创建固定标题
【发布时间】：2015-01-15 04:13:26
【问题描述】：

我有一个使用零售商主题的 woocommerce 商店设置。我正在尝试创建一个固定的标题并使其只有产品区域滚动。到目前为止，我已经修复了所有内容，除了标题。我附上了一个 .gif 作为滚动示例。

GIF Scroll: http://i59.tinypic.com/dxnuyr.jpg [放大 Tinpic 看动画]

网址：http://museiam.ca/product-category/men/

感谢任何输入。谢谢！

【问题讨论】：

标签： css wordpress header woocommerce fixed

【解决方案1】：

使用这个css行

.container_12{margin-top: 188px;}
.menu_centered_style, .gbtr_tools_wrapper{
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu_centered_style{
  top: 62px;
}
.gbtr_tools_wrapper{
  top: 0;
}

【讨论】：

嘿。我将 container_12 margin-top 调整为 30px；并且菜单也为 30px，并且对齐得很好。但是，在顶部栏中，搜索、我的帐户和注销按钮处于非活动状态。请注意，“购物袋”不属于那里，而是我只是移动了它。请检查链接以查看。谢谢。

【解决方案2】：

标题的 CSS 应该是

.header-class-name{
    position: fixed;
    top:0;
}

【讨论】：

你好。我能够修复标题并正确对齐所有内容，但是我的顶部栏链接现在处于非活动状态。有任何想法吗？谢谢！
如果还没有被问到，那应该是一个新问题:-)
它可能已被覆盖、意外删除或类更改，现在它与您定义的 js/css 规则不匹配。只是几种可能性

【解决方案3】：

您可以使用 bootstrap 3 使标题响应和静态，并且可以在滚动页面时保持在顶部。

bootstrap 也会处理响应式设计。

【讨论】：