How can I make the child menu list always have the correct width without explicitly specifying its width?

Question

css

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

Answer 1

If I understand the question correctly, do you need the child menu to be always horizontal?
Remove min-width and disable line wrapping white-space:nowrap; .header__nav li > ul

Answer 2

You can do it like this: codepen.io/anon/pen/VeMyVr
add white-space: nowrap;

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