コンテナマージントップ＆動画プレーヤーCSSの問題

Question

私は既存のWordpressテーマ（作成された子テーマ）を編集していますが、フォーマットの問題があります。ウェブサイトのモバイル版とデスクトップ版の両方で。

私の最初の問題は、ヘッダーロゴコンテナーの下の最初のポストがブラウザーのサイズに応じてロードされることがあることです。これはモバイルデバイスで発生することが多いことに気付きます。 "PROMO"の投稿が欠落しています。

マージントップの&パディングトッププロパティの両方を増やしましたが、問題を解決していないようです。おそらくコンテナdivの位置を更新する必要がありますか？もしそうなら、適切な方法は何でしょうか？いくつかの記事を読んで、CSSの編集をたくさん試してみましたが、私はちょうどサークルに入っているような気がします。

影響を受けるサイト：http://posteshare.com

モバイルビュー：http://www.responsinator.com/?url=http%3A%2F%2Fposteshare.com%2F

私が遭遇してる他の問題は、ポストの上に埋め込まれたメディアは、私の「固定」ヘッダの代わりの上に浮いていることです逆に。私は絶対に "位置"のプロパティを変更しましたが、それはページ全体のフォーマットを破るようですか？これを数時間かけて、それは私をナットにしています。どんな新しい洞察にも感謝します。私は試しにアイデアがなくなった。

] 3

Answer 1

ヘッダは他のコメントの上に表示させるために@Milanによってコメントで述べたように、z-index性があります。基本的に、何をしなければならないです...これにより

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

、ヘッダは、ページ上のすべての要素の上にを表示されます。

Answer 2

あなたのナビゲーションは110px高さがある場合は、多分そうのようなコンテナにオフセット高さ約+ 20ピクセルのマージンを追加してみてください：

.container { 
    margin-top: 130px; 
} 

Answer 3

がgrid.cssライン