1

Twenty Twelveテーマに基づいて最初のWordPress子テーマを作成していますが、メニューをヘッダーロゴの横に移動したいと思います...

以下は、現在の外観と達成したいことの例です...青いボックスはヘッダーのロゴを表しており、メニューをその右側に表示したいと思います...

例

メニューの現在のCSSは次のとおりです。

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: inline-block !important;
    text-align: right;
    color: #656565;
    font-size: 0.9em;
    font-family: Verdana, Geneva, sans-serif;   
}

同じことに関するこのSO投稿を見つけましたが、そこから提案されたソリューションを使用すると、私のメニューが突然私のサイトの投稿の下に表示されます...

4

4 に答える 4

1 
#masthead hgroup {float: left;}
nav#site-navigation {float: right; width: 500px;}
于 2013-02-08T20:36:35.880 に答える
1

さて、以前のコードの代わりに位置スタイルを #site-navigation に配置してから、値をいじってみました (下の代わりに上を使用)。

于 2013-01-28T09:02:43.337 に答える
1

stylesheet.css ファイルのタグ「nav」表示スタイルを変更することも検討してください。

nav {
    display: block;
}

inline-block または inline を試してください。

于 2013-02-08T20:06:45.070 に答える
0 
#masthead {position: relative;}

#site-navigation {
    position: absolute;
    bottom: 0; /* or top, if you prefer */
    right: 0;
}
于 2013-05-11T21:29:33.487 に答える