css - 在 1024 分辨率下不显示粘性 header ？

Question

我有一个运行“The Retailer”主题的文字新闻网站。由于某种原因，粘性 header 不会出现在 1024 分辨率上。它适用于高于该分辨率的任何分辨率。

网站:http://museiam.ca/

这是我的粘性标题 CSS:

.gbtr_header_wrapper.site-header-sticky {
    margin: 0;
    padding: 25px 0;
    position: fixed;
}
.site-header-sticky {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: block;
    right: 0;
    top: -98px;
    transition: top 0.15s ease 0s, z-index 0s ease 0.15s;
    width: 100%;
    z-index: -1;
}
.site-header-sticky.on_page_scroll {
    top: 0;
    transition: top 0.3s ease 0s;
    z-index: 9999;
}

感谢您的关注。

Answer 1

style.css 第 13822 行

@media screen and (max-width: 1024px)
{

    /*sticky header*/

    .site-header-sticky
    {
      display: none;
    }

只是删除

.site-header-sticky
{
   display: none;
}

使粘性标题继续出现

但我建议你不要这样做，因为它会破坏移动样式