ヘッダーの一部を移動するHTMLコード

Question

私はウェブサイトを開発していますhttp://www.ideas2ignite.com/wordpress/ 私は4つのソーシャルアイコンを黒いバーの上から下に移動したい、つまり同じ行のナビゲーションバーに一列に並べますカラム。

私はwordpressのheader.phpファイルを変更しようとしましたが、私が望むものを達成できませんでした。

ご協力いただきますようお願い申し上げます。

Answer 1

アクセス{

display: block; 
float: left; 
margin: 50px 0 0; 
width: 785px; 

socialicons {

float: right; 
margin-top: 150px; 
width: 150px; 
z-index: 100; 

}

その後、あなたのフロートをクリアしてみてください。

Answer 2

あなたのベスト・ベットはheader.phpに入ることです（ただし、コードを見ずに、またあなたが使用しているプラ​​グインを見ていないと言うことはできません）。そして、#socialicons divはそれがあるはずの場所です。メニューが現在ページの全幅に設定されているため、これは難しいかもしれません。

ただし、素早く汚れたハックは、要素を相対的に配置することです。あなたがこれを持っているライン370の周りにあなたのstyle.cssファイル、で：

#socialicons{margin-top:3px;} 

これでそれを置き換える：

#socialicons{ 
    margin-top:3px; 
    position: relative; 
    top: 150px; 
} 

私は、これでFirefoxの外のいずれかのテストを行っていませんあなたはそれがうまく動作することを確認したいでしょう。