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

  • 解決済 anumakatak

    (@anumakatak)


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

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

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

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

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ロゴのサイズが不明なのでそこはご自身で調整して子テーマCSSに下記を追加すれば幅の調整ができると思います。

    .site-header,
    .site-title,
    .search-toggle,
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
    	height: ロゴの縦幅と同じpx;
    	line-height: ロゴの縦幅と同じpx;
    }

    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のプライマリーメニューの位置を変更」には新たに返信することはできません。