Как сделать так, чтоб дочерний список меню всегда имел нужную ширину, без явного указания его ширины?

Question

[gassmonkey]

"Я сделяль" вот такое выпадающее меню.
codepen.io/anon/pen/MKErqW
Всё как нужно, но есть проблема. Ширина выпадающего списка равна ширине родительского пункта меню. И если не указывать ширину для нижнего списка, оно выстраивается вертикально.
Как сделать так, чтоб дочерний список всегда имел нужную ширину, без явного указания его ширины?

Answer 1

[Андрей Федоров]

Если я правильно понял вопрос, нужно чтобы дочернее меню было всегда горизонтально?
Уберите min-width и запретите перенос строки white-space:nowrap; у .header__nav li > ul

Comments

[gassmonkey]

Как всегда, решение было очевидным.
Да, всё верно. Спасибо.

Answer 2

[glenean]

Можно сделать вот так: codepen.io/anon/pen/VeMyVr
добавить white-space: nowrap;

li > ul {
/*...*/
white-space: nowrap;
}