ナビゲーション内のボタンの最小幅が機能しない

このトピックには2件の返信、2人の参加者があり、最後にMurotaにより2時間、 39分前に更新されました。

3件の投稿を表示中 – 1 – 3件目 (全3件中)

投稿者

投稿
2025年4月29日 8:36 PM #6068

Murota
参加者

♥ 6

【お使いの unitone のバージョン】バージョン: 19.3.2
【お使いのブラウザ】Chrome

### 発生している問題

いつもお世話になっております。

ナビゲーションメニュー内にボタンを設置した時に、最小幅を設定しても反映されない現象がありました。

（ナビゲーション内だと「 –unitone–min-width」が効いていないっぽい…？）

ご確認いただけますと幸いです🙇‍♂️

♥ 0

いいねをした人：いません

2025年4月30日 3:20 PM #6075
inc2734
閲覧者

♥ 40
ご報告ありがとうございます！ナビゲーションの項目がフレックスボックスになっているから、内容量に応じて縮んでしまうみたいでした。修正を入れようと思いますが、念の為、下記の CSS を追加するとどうなるか確認してもらえないでしょうか？
```
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > * {
  flex: 1 1 auto;
}
```
僕の環境では特にメニューの崩れは発生せず、ボタンも指定した最小幅になりましたが、念の為試してみていただけると助かります！

♥ 0

いいねをした人：いません
2025年4月30日 3:54 PM #6077
Murota
参加者

♥ 6
ありがとうございます！

いただいたコードを追加したところ、ナビゲーションブロック単体の場合は最小幅が機能しました。（ただし、エディター上では反映されませんでした）

また、どうも両端ブロックとの相性もありそうな感じでした。
- 両端ブロック
  - サイトロゴ
  - ナビゲーション
というよくあるヘッダー構成にしたところ、いただいたコードを追加しても最小幅が効きませんでした🤔

♥ 0

いいねをした人：いません
投稿者

投稿