行に沿った構造を持つヘッダーがあります。
<div class=wrapper>
<div id="header">[insert divs html]</div>
<div id="wordpressmenu">[insert divs html]</div>
<div id="Social_Media_Menu">[insert divs html]</div>
</div>
ソーシャル メディア メニューが新しくなりました。今日の午後に追加したばかりです。以前は、Wordpress のメニューとロゴ (ロゴはヘッダー div 内にあります) がメイン メニューのすぐ上に配置されていました。大きな画像を持つソーシャル メディア メニューを追加してから、wordpress のメニューとロゴが正しく配置されなくなりました。ソーシャル メディアのナビゲーション画像の上部に配置されます。
ワードプレスのメニューを以前の位置、つまり一番下に揃えたいと思います。以下の 2 つの画像は、これを示しています。
かつての様子(正しい位置合わせ)
次に、divソーシャルメディアメニューを追加しました
ロゴの下部とメイン メニューの間に隙間ができるようになりました。また、オリジナルのオレンジ色のメニューとメイン ナビゲーションの間にギャップがあります。
なぜこれを行うのですか?ワードプレスのナビゲーション (オレンジ色のナビゲーション) とソーシャル メディアのナビゲーションのプロパティを表示するように設定しようとしました: インラインで、それらに固定幅を与えました。運がない。
メイン ナビゲーションとロゴとオレンジ色のナビゲーションの間のスペースが、ソーシャル メディア ボタンを追加する前と同じになるように、このギャップを削除する方法を誰かが理解できますか?
ウェブサイトはこちら (正直、どの CSS を含めるかわかりません) http://tinyurl.com/c8djrvr