ナビゲーションの間隔を調節したい。

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にそすけにより1年、 11ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #114235
    そすけ
    閲覧者
    9

    【お使いの Snow Monkey のバージョン】

    バージョン: 18.1.1

    【お使いの Snow Monkey Blocks のバージョン】

    バージョン 17.1.0

    【お使いのブラウザ】

    Google Chrome

    【当該サイトのURL】

     

    ### 実現したいこと

    各ナビゲーションの間隔を調節したい。
    (例)『院長の思い』と『選ばれる理由』の間を25pxにしたい

    ### 発生している問題

    変更するための方法がわからないです。

    ### 試したこと

    .l-center-header .p-global-nav .c-navbar__item>aにpaddingを当てたが反映されなかった

    お手数をおかけしますが、ご教授宜しくお願いいたします。

    0
    いいねをした人: 居ません
    #114272
    アバター画像キタジマ タカシ
    参加者
    2421

    グローバルナビゲーションはフレックスボックスになっているので、まずはメニュー項目の flex プロパティを調整して文字列に応じた幅になるようにする必要があります。その後に微調整するのが簡単だと思います。

    /* メニュー項目の均等サイズ揃えを無効化 */
    .p-global-nav .c-navbar .c-navbar__item {
        flex: 0 0 auto;
    }
    
    /* メニューリンクの左右 padding をなくす */
    .p-global-nav .c-navbar .c-navbar__item a {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* メニュー項目間の余白を 25px にする */
    /* メニュー自体を中央揃え */
    .p-global-nav .c-navbar {
        gap: 25px;
        justify-content: center;
    }
    0
    いいねをした人: 居ません
    #114527
    そすけ
    閲覧者
    9

    キタジマ様

    確認が遅くなり申し訳ありません。

    ご回答ありがとうございます。

    いただいた回答で解決いたしました。

    ありがとうございました!

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「ナビゲーションの間隔を調節したい。」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。