集装箱边际 - 顶部和视频播放器css问题

Question

我正在编辑现有的Wordpress主题（创建的子主题），我遇到了格式问题。在网站的移动版和桌面版上都有。

我的第一个问题是第一个帖子在header-logo容器下加载有时取决于浏览器大小，我注意到这在移动设备中发生了很多。 “PROMO”帖子丢失了。

我增加了保证金顶部和padding-top属性但它似乎无法解决问题。我是否可能需要更新容器div的位置？如果是这样，那么适当的方式是什么？正在阅读一些文章，并尝试了很多CSS编辑，但我觉得我只是在圈子里。

受影响的网站：http://posteshare.com

移动视图：http://www.responsinator.com/?url=http%3A%2F%2Fposteshare.com%2F

我遇到的另一个问题是，帖子上嵌入的媒体浮动在我的“固定”标题之上，而不是相反。我已经将“position”属性修改为绝对属性，但它似乎打破了整个页面的格式？在这几个小时，这让我疯了。任何新的见解表示赞赏。我已经没有想法尝试了。

] 3

Answer 1

要使标题显示在另一个注释的顶部，有一个z-index属性，如@Milan的评论中所述。基本上，你要做的是......

#header-container {
    z-index: 999;
}
/*all the other elements on page except body*/ {
    z-index: /*less than 999*/;
}

这样，标题应在页面上的每个元素上显示 。

Answer 2

如果您的导航高度为110px，可以尝试将高度+大约20px的边距偏移添加到容器中，如下所示：

.container {
    margin-top: 130px;
}

Answer 3

将.container添加到grid.css行 3

上的| tostring