粘滞标题下的内容丢失

时间:2015-05-28 09:12:58

标签: html css header sticky

我的网站有一个粘性标题(位置:固定),我从其他帖子中了解到主要流程中的标题,可以通过额外填充到正文进行纠正。但是在这种情况下它不起作用。无论我在哪里添加填充,主要内容Header和Para的一部分都会丢失在固定标题后面。

这仅适用于主页和小于692像素的屏幕。 http://www.mindfulnessperth.com.au

所有其他页面都没问题!

2 个答案:

答案 0 :(得分:0)

我认为你已经了解了响应式网页开发和使用媒体查询的想法吗?

如果是,请在wordpress上的custom.css中继续进行这些更改。

    .home .site-header {top:0}

    @media (max-width:693px) {
    body {padding-top:150px} /* adjust it manually,depending upon ur browser width using media queries */
}

答案 1 :(得分:0)

我简单地按下位置后的下一个元素:固定标题。

  @media (max-width:693px) {
      .site-inner {
       margin-top: 250px;
      }
    }