Как остановить перенос слов в выпадающем меню CSS.

Question

В моем выпадающем меню часть текста внутри LI переносится на новую строку.Я хочу, чтобы все они были в 1 строке.

Я пробовал:

ul ul li {width:100%;}

, который не работает.

На изображении ниже показано, с чем я столкнулся.

Answer 1

li {
  white-space: nowrap; 
}

Это должно остановить перенос текста в пределах li

Answer 2

Поместите это в ваши выпадающие списки ("Tech Consulting"):

{
    height: auto;
}

В случае проблемы здесь, поместите height: auto; в выпадающие списки (ul li ul li).

Я собираюсь догадаться, что ваш CSS устанавливает высоту ul li a («Малый бизнес»). Это помещает текст за пределы определенной высоты.