[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

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

[キタジマ タカシ]

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

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

♥ 3

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

[saka]

ありがとうございます。

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

♥ 2

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

[みしま]

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

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

♥ 1

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

[saka]

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

♥ 2

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

[投稿者]

投稿