サポート » テーマ » twentyfourteenのプライマリーメニューの位置を変更

twentyfourteenのプライマリーメニューの位置を変更

  • 解決済 anumakatak

    (@anumakatak)


    9年、 4ヶ月前

    現在twentyfourteenを利用していますが、プライマリーメニューの位置を少ししたに下げる方法が知りたいです。

    以下の資料の赤枠で囲んでいるメニュー（各種文字と検索機能）を、青枠に囲んだ部分あたりに少し下にさげたいです。
    https://docs.google.com/presentation/d/1oAtbofLMe7r6Q6AfdATs53cBbeCVMsagZq5OKnSYI3U/edit?usp=sharing

    「GREEN GRASS」というロゴを挿入したときに、プライマリーメニューが上部に表示されてしまい、ロゴとバランスが良いように真ん中に表示できればと思っています。

    もし分かる方がいれば教えていただけますと幸いです。

    どうぞよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • okoge

    (@okoge)

    9年、 4ヶ月前

    ロゴのサイズが不明なのでそこはご自身で調整して子テーマCSSに下記を追加すれば幅の調整ができると思います。

    .site-header,
.site-title,
.search-toggle,
.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
	height: ロゴの縦幅と同じpx;
	line-height: ロゴの縦幅と同じpx;
}
    トピック投稿者 anumakatak

    (@anumakatak)

    9年、 4ヶ月前

    okogeさん

    ご回答いただきありがとうございます！
    大変助かります。

    ただ、ロゴサイズが400×106ですので

    .site-header,
    .site-title,
    .search-toggle,
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
    height: 400;
    line-height: 106;
    }

    を子テーマに追加したところ、以下のように画面が崩れてしまいました。。

    https://docs.google.com/presentation/d/1eCB4Vmvae3lNJl84vG-lWonISklRZWzDh-gIiCHSuxU/edit#slide=id.p

    原因やその他対策等あれば教えていただくことはできませんでしょうか？

    度々お手数をおかけしますが、どうぞよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「twentyfourteenのプライマリーメニューの位置を変更」には新たに返信することはできません。

トピックタグ

表示