[saka]

【お使いの Snow Monkey のバージョン】11.2.0
【お使いの Snow Monkey Blocks のバージョン】10.3.0
【お使いの Snow Monkey Editor のバージョン】4.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】https://souzoku-izumi.jp/

### 実現したいこと

Gナビごとの余白が気になるので、赤枠の部分の幅を狭めたいです。

よろしくお願いいたします。

### 発生している問題

### 試したこと

♥ 0

Who liked: No user

[キタジマ タカシ]

グローバルナビゲーションは display: flex になっていて、各項目は幅いっぱいに広がるようになっているので、下記の CSS を追加することで幅いっぱいに広がる挙動を無効化できます。

.p-global-nav .c-navbar__item {
  flex: 0 1 auto;
}

♥ 3

Who liked: No user

[saka]

ありがとうございます。

左寄せになるのですが中央に寄せることはできますでしょうか？

♥ 2

Who liked: No user

[みしま]

こんにちわ！
中央よせについては、指定されたcssの親要素に、flexboxの指定がいくつかありますので、そこに水平方向の中央揃えである下記を追加してみてはと思います。
.p-global-nav .c-navbar {
justify-content: center;
}

参考サイト拝見したところ、一時的にかもしれませんが
.p-global-nav .c-navbar__item {
flex: 0 1 auto;
}
のautoが誤字になられているのでご注意ください。

♥ 1

Who liked: No user

[saka]

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

♥ 2

Who liked: No user

[投稿者]

投稿