在wordpress中创建固定标头

时间:2014-11-18 04:11:02

标签: css wordpress header woocommerce fixed

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

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

网站:http://museiam.ca/product-category/men/

任何输入都表示赞赏。谢谢!

3 个答案:

答案 0 :(得分:2)

标题的CSS应为

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

答案 1 :(得分:2)

使用此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;
}

答案 2 :(得分:0)

你可以使用bootstrap 3来使报头响应以及静态,并且可以在滚动页面时保持在顶部。

bootstrap也将负责响应式设计。