css - ドロップダウンメニューのサブメニューを再設計

Question

私のWPベースのWebサイトにはドロップダウンメニューがあり、サブメニューはルートメニューからすべてのプロパティを継承しています。サブメニュー項目のテキストが大きい場合は、2 行に分割されます。サービスメニューの下と同様に、サブメニューのソフトウェア開発は2行に分かれています

_ソフトウェア

開発_

「ソフトウェア開発」のように一行に収めたい

私はこれを試しました

ul#mainmenu-menu li:hover ul.sub-menu {
  display: block;
  padding:2px;
}

ul#mainmenu-menu ul.sub-menu > li {
  border: none;
  display: block;
  float: none;
  font-weight: normal;


}
ul#mainmenu-menu ul.sub-menu > li > a {
  height: auto;

  line-height: 10px;
  padding:2px;  
}

しかし、うまくいきませんでした。どうすれば修正できますか。

私の作業サイトhttp://aniyanetworks.net/Blog/

前もって感謝します

Answer 1

使用できます

ul#mainmenu-menu ul.sub-menu li a {
   white-space: nowrap;
}