【问题标题】: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 也会处理响应式设计。

    【讨论】:

      猜你喜欢
      • 2015-10-30
      • 2023-03-07
      • 1970-01-01
      • 2020-05-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-29
      • 1970-01-01
      相关资源
      最近更新 更多