私はウェブサイトを開発しています http://www.ideas2ignite.com/wordpress/ 4つのソーシャルアイコンを黒いバーの上から下に移動したい、つまり、同じ現在の列のナビゲーションバーと一列に並べたい.
wordpressのheader.phpファイルを変更してみましたが、思い通りにできませんでした。
どんな助けでも大歓迎です。
私はウェブサイトを開発しています http://www.ideas2ignite.com/wordpress/ 4つのソーシャルアイコンを黒いバーの上から下に移動したい、つまり、同じ現在の列のナビゲーションバーと一列に並べたい.
wordpressのheader.phpファイルを変更してみましたが、思い通りにできませんでした。
どんな助けでも大歓迎です。
display: block;
float: left;
margin: 50px 0 0;
width: 785px;
float: right;
margin-top: 150px;
width: 150px;
z-index: 100;
}
その後、フロートをクリアしてみてください。
あなたの最善の策は、本当にheader.phpに入り(コードと使用しているプラグインを見ずにどこでどのように言うことはできませんが)、#socialicons divがその場所になるようにhtmlを作り直すことですであるはずです。メニューは現在、ページ全体の幅になるように設定されているため、注意が必要です。
ただし、手っ取り早いハックは、必要な場所に要素を相対的に配置することです。style.css ファイルの 370 行目あたりで、次のようになります。
#socialicons{margin-top:3px;}
これを次のように置き換えます。
#socialicons{
margin-top:3px;
position: relative;
top: 150px;
}
これについては、Firefox 以外でテストを行っていないので、うまく動作することを確認してください。