メニューが改行されてしまう

PR 2018/7/3

このトピックには4件の返信、2人の参加者があり、最後にわいひらにより8年、 1ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2018年7月3日 4:37 PM #60349
  
  ぽんた
  ゲスト
  
  メニュー項目が長いと、勝手に改行されてしまいます。
  改行しない方法は、ありますでしょうか。
  
  http://ponta-freediving.com/
  
  Ｑ＆Ａ
  の下の項目
- 2018年7月3日 11:13 PM #60351
  Akira
  ゲスト
  Q&A の部分だけでよろしければ、子テーマの style.css に下記の CSS を追加すると改行しません。
```
@media screen and (min-width: 1110px) {
  #navi #menu-item-811 .sub-menu {
    min-width: 400px;
  }
}
```
- 2018年7月6日 4:25 PM #60371
  
  ぽんた
  ゲスト
  
  ありがとうございます。
  だいぶ改善されました。
  一部、まだ、改行が残っていますが。
- 2018年7月6日 4:45 PM #60372
  
  ぽんた
  ゲスト
  
  akira　様、ありがとうございました。
- 2018年7月6日 10:00 PM #60379
  わいひら
  キーマスター
  もう一方の方も、デベロッパーツールなのでメニューアイテムIDを調べ、以下のように書くと対応できるかと思います。
```
@media screen and (min-width: 1110px) {
  #navi #menu-item-808 .sub-menu,
  #navi #menu-item-811 .sub-menu {
    min-width: 400px;
  }
}
```
投稿者

投稿

4件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。