[そすけ]

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

バージョン: 18.1.1

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

バージョン 17.1.0

【お使いのブラウザ】

Google Chrome

【当該サイトのURL】

らっくらっくホームページ

広島県府中市のあん摩マッサージ・鍼灸院

rakku-rakku.com

 

### 実現したいこと

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

### 発生している問題

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

### 試したこと

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

グローバルナビゲーションはフレックスボックスになっているので、まずはメニュー項目の 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

いいねをした人: 居ません

[そすけ]

キタジマ様

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

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

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

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

♥ 1

いいねをした人:

[投稿者]

投稿